From 203886ddd865e33c0411c939ac3cada64d1a494f Mon Sep 17 00:00:00 2001
From: Captain ALM <captainalm@captainalm.com>
Date: Fri, 29 Jul 2022 19:50:52 +0100
Subject: [PATCH] Fix up sort drop down css and html.

---
 base.css      | 10 +++++++---
 dark.css      |  4 ++--
 index.go.html |  6 ++++++
 light.css     |  4 ++--
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/base.css b/base.css
index a0505ed..493fee3 100644
--- a/base.css
+++ b/base.css
@@ -61,13 +61,15 @@ main{
     position: fixed;
     max-height: 0;
 }
-.so-pane > *{
+.so-pane > p{
+    padding: 2px;
+}
+.so-pane > p, .so-pane > p > *{
     vertical-align: middle;
     font-size: 16px;
     text-align: left;
-    padding: 2px;
 }
-.so-pane > label{
+.so-pane > p > label, .so-pane > p{
     background-color: transparent;
 }
 .nav-menu, .sort-menu{
@@ -163,6 +165,7 @@ main{
     align-content: center;
     max-width: 100%;
     width: 100%;
+    overflow: hidden;
 }
 .item-table > div{
     display: table-row;
@@ -191,6 +194,7 @@ main{
     justify-content: center;
     width: 100%;
     max-width: 100%;
+    overflow: hidden;
 }
 .item-table > div > div > div{
     padding: 2px;
diff --git a/dark.css b/dark.css
index 8184aee..3eb6bae 100644
--- a/dark.css
+++ b/dark.css
@@ -13,10 +13,10 @@ a{
 .header, .nav, footer, .so-pane{
 	background-color: #1d1d1e;
 }
-.home-button > div, .sort-button > div, .menu a, .so-pane > *{
+.home-button > div, .sort-button > div, .menu a, .so-pane > p > *{
 	color: #e0e0e0;
 }
-.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > input, .so-pane > select{
+.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > p > input, .so-pane > p > select{
 	background-color: #606061;
 }
 .hmb-line, .hmb-line::before, .hmb-line::after{
diff --git a/index.go.html b/index.go.html
index 4aee931..c6e29fb 100644
--- a/index.go.html
+++ b/index.go.html
@@ -32,6 +32,7 @@
         {{ if .Light }}
         <input id="so-theme" type="hidden" name="light" />
         {{ end }}
+        <p>
         {{ $sort := 0 }}
         <label class="no-dec" for="so-order">Order by:</label>
         <select name="order" id="so-order">
@@ -60,6 +61,8 @@
             {{ $sort = .OrderDuration }}
             {{ end }}
         </select>
+        </p>
+        <p>
         <label class="no-dec" for="so-sort">Sort:</label>
         <select name="sort" id="so-sort">
             {{ if gt $sort 0 }}
@@ -73,7 +76,10 @@
             <option value="desc">Descending</option>
             {{ end }}
         </select>
+        </p>
+        <p>
         <input id="so-submit" type="submit" value="Commit">
+        </p>
     </form>
     <input class="nav-menu" type="checkbox" id="nav-menu"/>
     <label class="hmb" for="nav-menu" title="Navigation Links"><span class="hmb-line"></span></label>
diff --git a/light.css b/light.css
index a70aabd..1d18b06 100644
--- a/light.css
+++ b/light.css
@@ -13,10 +13,10 @@ a{
 .header, .nav, footer, .so-pane{
     background-color: #e2e2e1;
 }
-.home-button > div, .sort-button > div, .menu a, .so-pane > *{
+.home-button > div, .sort-button > div, .menu a, .so-pane > p > *{
     color: #1f1f1f;
 }
-.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > input, .so-pane > select{
+.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > p > input, .so-pane > p > select{
     background-color: #9f9f9e;
 }
 .hmb-line, .hmb-line::before, .hmb-line::after{