From ff2be600666aa831d9c63b3709365eaa3ac96726 Mon Sep 17 00:00:00 2001
From: Romein van Buren <romein@vburen.nl>
Date: Mon, 16 Jan 2023 20:07:56 +0100
Subject: [PATCH] Margin

---
 frontend/src/organisms/connection/index.svelte | 8 ++++++--
 frontend/src/style.css                         | 8 +++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/organisms/connection/index.svelte b/frontend/src/organisms/connection/index.svelte
index a3b5b98..fa6eb35 100644
--- a/frontend/src/organisms/connection/index.svelte
+++ b/frontend/src/organisms/connection/index.svelte
@@ -73,7 +73,9 @@
       <label class="field">
         <input type="text" spellcheck="false" bind:value={newDb.name} use:input placeholder="New collection name" bind:this={newDbInput} />
       </label>
-      <button class="btn create" type="submit">Create database</button>
+      <p>
+        <button class="btn create" type="submit" disabled={!newDb.name?.trim()}>Create database</button>
+      </p>
     </form>
   </Modal>
 {/if}
@@ -86,7 +88,9 @@
       <label class="field">
         <input type="text" spellcheck="false" bind:value={newColl.name} use:input placeholder="New collection name" bind:this={newCollInput} />
       </label>
-      <button class="btn create" type="submit">Create collection</button>
+      <p>
+        <button class="btn create" type="submit" disabled={!newColl.name?.trim()}>Create collection</button>
+      </p>
     </form>
   </Modal>
 {/if}
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 11c17dc..64c6b4e 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -28,7 +28,13 @@ body {
 }
 
 p {
-    margin: 0 0 0.7rem 0;
+    margin: 1rem 0;
+}
+p:first-child {
+    margin-top: 0;
+}
+p:last-child {
+    margin-bottom: 0;
 }
 p strong {
     font-weight: 700;