From 4a8621bac8ce80f397e6d5d3e13fdfb9ceaac74a Mon Sep 17 00:00:00 2001
From: Ian Gulliver <github@flamingcow.io>
Date: Thu, 28 Nov 2024 07:44:04 -0600
Subject: [PATCH] Better vertical spacing

---
 static/index.html | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/static/index.html b/static/index.html
index b49d2db..ebbdd2a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -13,6 +13,22 @@ body {
 	align-items: center;
 }
 
+sl-input {
+    margin-bottom: 10px;
+}
+
+sl-button {
+    margin-top: 10px;
+}
+
+sl-alert {
+    margin-top: 20px;
+}
+
+sl-tree {
+    margin-top: 20px;
+}
+
 sl-icon[name="type"] {
     color: var(--sl-color-danger-500);
 }
@@ -256,30 +272,21 @@ document.addEventListener('DOMContentLoaded', async () => {
             <sl-input id="short" value="{{ .path }}">
                 <sl-icon id="short-icon" name="type" slot="suffix"></sl-icon>
             </sl-input>
-            <br/>
+
             <sl-input id="long" label="⟶" type="url">
                 <sl-icon id="long-icon" name="type" slot="suffix"></sl-icon>
             </sl-input>
 
-            <br />
-            <br />
-
-            <div style="text-align: center;">
+            <div style="text-align: center; margin-top: 10px;">
                 <sl-button variant="primary" id="set">Set</sl-button>
             </div>
 
-            <br />
-            <br />
-
             <sl-alert id="err" variant="danger">
                 <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
                 <strong id="err1"></strong><br />
                 <span id="err2"></span>
             </sl-alert>
 
-            <br />
-            <br />
-
             <sl-tree id="tree">
             </sl-tree>
         </div>