From e56f81eeca1d7ea5c94852375c37ed2b6af126ca Mon Sep 17 00:00:00 2001
From: Felix <felix.mattick@gmail.com>
Date: Thu, 28 May 2020 14:42:14 -0500
Subject: [PATCH] Finesse some visuals

---
 src/parts/_forms.css   | 15 +++++++++++++--
 src/parts/_misc.css    | 12 ++++++++++--
 src/variables-dark.css |  4 ++--
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/parts/_forms.css b/src/parts/_forms.css
index 99d08f6..ff85308 100644
--- a/src/parts/_forms.css
+++ b/src/parts/_forms.css
@@ -3,7 +3,8 @@ select,
 input[type='submit'],
 input[type='button'],
 input[type='checkbox'],
-input[type='range'] {
+input[type='range'],
+input[type='radio'] {
   cursor: pointer;
 }
 
@@ -28,6 +29,16 @@ select {
   outline: none;
 }
 
+input,
+label {
+  vertical-align: top;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 4px;
+}
+
 input:not([type='checkbox']):not([type='radio']),
 input[type='range'],
 select,
@@ -103,7 +114,7 @@ fieldset {
   border: 1px var(--focus) solid;
   border-radius: 6px;
   margin: 0;
-  margin-bottom: 6px;
+  margin-bottom: 12px;
   padding: 10px;
 }
 
diff --git a/src/parts/_misc.css b/src/parts/_misc.css
index 44e84ef..a705d13 100644
--- a/src/parts/_misc.css
+++ b/src/parts/_misc.css
@@ -14,10 +14,15 @@ table {
   width: 100%;
 }
 
+table caption {
+  text-align: left;
+}
+
 td,
 th {
   padding: 6px;
   text-align: left;
+  vertical-align: top;
 }
 
 thead {
@@ -94,8 +99,11 @@ summary::-webkit-details-marker {
 }
 
 footer {
-  border-top: 1px solid var(--background);
+  border-top: 1px solid var(--border);
   padding-top: 10px;
-  font-size: 0.8em;
   color: var(--text-muted);
 }
+
+body > footer {
+  margin-top: 40px;
+}
diff --git a/src/variables-dark.css b/src/variables-dark.css
index 10e462a..3cb5f3a 100755
--- a/src/variables-dark.css
+++ b/src/variables-dark.css
@@ -2,13 +2,13 @@
   --background-body: #202b38;
   --background: #161f27;
   --background-alt: #1a242f;
-  --selection: #161f27;
+  --selection: #1c76c5;
   --text-main: #dbdbdb;
   --text-bright: #fff;
   --text-muted: #717880;
   --links: #41adff;
   --focus: #0096bfab;
-  --border: #dbdbdb;
+  --border: #526980;
   --code: #ffbe85;
   --animation-duration: 0.1s;
   --button-hover: #324759;