From 40e02abe8730df49bc7e58faff41381419504973 Mon Sep 17 00:00:00 2001
From: Daniel Legt <contact@danlegt.com>
Date: Sun, 21 Jan 2024 22:44:50 +0200
Subject: [PATCH] * Fixed Styling

---
 static/style.css     | 13 ++++++++-----
 templates/index.html |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/static/style.css b/static/style.css
index 2e08e95..8d7ff02 100644
--- a/static/style.css
+++ b/static/style.css
@@ -5,6 +5,7 @@
     --bg1: #282d33;
     --bg2: #31373f;
     --bg3: #3e4248;
+    --bg4: #1a1c1f;
 
     --fg0: #bbc0ca;
     --fg1: #434c56;
@@ -88,6 +89,7 @@ input {
     color: var(--fg0);
 
     border: 1px solid var(--fg1);
+    border-radius: 4px;
 }
 
 .btn {
@@ -98,14 +100,14 @@ input {
     border: 1px solid var(--fg1);
     border-radius: 6px;
 
-    background-color: var(--bg3);
+    background-color: var(--bg4);
     color: var(--fg0);
 
     cursor: pointer;
 }
 
 .btn:hover {
-    background-color: var(--bg2);
+    background-color: var(--bg3);
 }
 
 .input-grp {
@@ -122,12 +124,13 @@ input {
     display: flex;
     flex-flow: wrap;
 
-    align-items: center;
-    justify-content: space-evenly;
-
     width: 100%;
 }
 
+.graph-controls input:nth-child(0) {
+    margin-right: 1rem;
+}
+
 .controls-panel {
     display: flex;
     flex-flow: column;
diff --git a/templates/index.html b/templates/index.html
index 58d6818..20e335c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -77,7 +77,7 @@
                         <span id="inp-older" style="display: none !important" hidden="true">{{ .older }}</span>
                         <span id="inp-newer" style="display: none !important" hidden="true">{{ .newer }}</span>
     
-                        <div class="input-grp">
+                        <div class="input-grp" style="margin-right: 1rem;">
                             <label for="olderThan">From Date</label>
                             <input id="olderThan" type="datetime-local" class="date-change-inp">
                         </div>