From 4f986940feb0f8534afb2013e240cd861d8c707b Mon Sep 17 00:00:00 2001
From: Thomas Weber <muffin@muffin.ink>
Date: Sat, 11 Dec 2021 19:54:10 -0600
Subject: [PATCH] Reduce padding around Load project button

---
 src/p4/SelectProject.svelte | 59 ++++++++++++++++++++-----------------
 1 file changed, 32 insertions(+), 27 deletions(-)

diff --git a/src/p4/SelectProject.svelte b/src/p4/SelectProject.svelte
index d809824..afca628 100644
--- a/src/p4/SelectProject.svelte
+++ b/src/p4/SelectProject.svelte
@@ -151,6 +151,9 @@
     max-width: 300px;
     flex-grow: 1;
   }
+  .options {
+    margin: 12px 0;
+  }
   .option {
     min-height: 25px;
     display: flex;
@@ -165,34 +168,36 @@
   <Section accent="#4C97FF">
     <h2>{$_('select.select')}</h2>
     <p>{$_('select.selectHelp')}</p>
-    <div class="option">
-      <label>
-        <input type="radio" name="project-type" bind:group={$type} value="id">
-        {$_('select.id')}
-      </label>
-      {#if $type === "id"}
-        <input type="text" value={getDisplayedProjectURL()} spellcheck="false" on:keypress={submitOnEnter} on:input={handleInput} on:focus={handleFocus}>
-      {/if}
+
+    <div class="options">
+      <div class="option">
+        <label>
+          <input type="radio" name="project-type" bind:group={$type} value="id">
+          {$_('select.id')}
+        </label>
+        {#if $type === "id"}
+          <input type="text" value={getDisplayedProjectURL()} spellcheck="false" on:keypress={submitOnEnter} on:input={handleInput} on:focus={handleFocus}>
+        {/if}
+      </div>
+      <div class="option">
+        <label>
+          <input type="radio"  name="project-type" bind:group={$type} value="file">
+          {$_('select.file')}
+        </label>
+        <input hidden={$type !== "file"} bind:files={files} bind:this={fileInputElement} type="file" accept=".sb,.sb2,.sb3">
+      </div>
+      <div class="option">
+        <label>
+          <input type="radio" name="project-type" bind:group={$type} value="url">
+          {$_('select.url')}
+        </label>
+        {#if $type === "url"}
+          <input type="text" bind:value={$projectUrl} spellcheck="false" placeholder="https://..." on:keypress={submitOnEnter}>
+        {/if}
+      </div>
     </div>
-    <div class="option">
-      <label>
-        <input type="radio"  name="project-type" bind:group={$type} value="file">
-        {$_('select.file')}
-      </label>
-      <input hidden={$type !== "file"} bind:files={files} bind:this={fileInputElement} type="file" accept=".sb,.sb2,.sb3">
-    </div>
-    <div class="option">
-      <label>
-        <input type="radio" name="project-type" bind:group={$type} value="url">
-        {$_('select.url')}
-      </label>
-      {#if $type === "url"}
-        <input type="text" bind:value={$projectUrl} spellcheck="false" placeholder="https://..." on:keypress={submitOnEnter}>
-      {/if}
-    </div>
-    <p>
-      <Button on:click={load} text={$_('select.loadProject')} />
-    </p>
+
+    <Button on:click={load} text={$_('select.loadProject')} />
   </Section>
 </DropArea>