From 74252d0ee4e7a1d7f79097d83ed5f50f903ca1fe Mon Sep 17 00:00:00 2001
From: Captain ALM <captainalm@captainalm.com>
Date: Fri, 29 Jul 2022 21:09:48 +0100
Subject: [PATCH] .

---
 base.css      | 14 +++++++-------
 dark.css      |  4 ++--
 index.go.html |  4 +++-
 light.css     |  4 ++--
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/base.css b/base.css
index 6c08215..76ee278 100644
--- a/base.css
+++ b/base.css
@@ -61,26 +61,26 @@ main{
     position: fixed;
     max-height: 0;
 }
-.so-pane > div{
+.so-pane > form > div{
     display: table-row;
     background-color: transparent;
     box-sizing: inherit;
     max-width: 100%;
     width: 100%;
 }
-.so-pane > div > div, .so-pane > div > span{
+.so-pane > form > div > div, .so-pane > form > div > span{
     background-color: transparent;
-    box-sizing: content-box;
+    box-sizing: inherit;
     padding: 2px;
     text-align: center;
     vertical-align: middle;
 }
-.so-pane > div > div{
+.so-pane > form > div > div{
     display: table-cell;
     max-width: 50%;
     width: 50%;
 }
-.so-pane > div > span{
+.so-pane > form > div > span{
     display: block;
     max-width: 100%;
     width: 100%;
@@ -89,7 +89,7 @@ main{
     display: table-caption !important;
     caption-side: bottom;
 }
-.so-pane > div > div > *{
+.so-pane > form > div > div > *{
     max-width: 100%;
     width: 100%;
     vertical-align: middle;
@@ -99,7 +99,7 @@ main{
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
-.so-pane > div > div > label{
+.so-pane > form > div > div > label{
     background-color: transparent;
     text-align: center;
 }
diff --git a/dark.css b/dark.css
index 67e0e67..7100fe4 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 > div > div > *{
+.home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{
 	color: #e0e0e0;
 }
-.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > div > div > input, .so-pane > div > div > select{
+.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > div > input, .so-pane > form > div > div > select{
 	background-color: #606061;
 }
 .hmb-line, .hmb-line::before, .hmb-line::after{
diff --git a/index.go.html b/index.go.html
index f653fa9..66c4448 100644
--- a/index.go.html
+++ b/index.go.html
@@ -28,7 +28,8 @@
     {{ end }}
     <input class="sort-menu" type="checkbox" id="sort-menu"/>
     <label class="sort-button no-dec" for="sort-menu" title="Order and Sort Options"><div><img src="{{ .Data.SortImageLocation }}" width="64px" alt='&#8595;'></div></label>
-    <form class="so-pane" action="?" method="get" id="so-form">
+    <div class="so-pane">
+    <form action="?" method="get" id="so-form">
         {{ if .Light }}
         <input id="so-theme" type="hidden" name="light" />
         {{ end }}
@@ -81,6 +82,7 @@
         <span><input id="so-submit" type="submit" value="Commit"></span>
         </div>
     </form>
+    </div>
     <input class="nav-menu" type="checkbox" id="nav-menu"/>
     <label class="hmb" for="nav-menu" title="Navigation Links"><span class="hmb-line"></span></label>
     <nav class="nav" id="nav">
diff --git a/light.css b/light.css
index 4d59533..bb613d8 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 > div > div > *{
+.home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{
     color: #1f1f1f;
 }
-.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > div > div > input, .so-pane > div > div > select{
+.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > div > input, .so-pane > form > div > div > select{
     background-color: #9f9f9e;
 }
 .hmb-line, .hmb-line::before, .hmb-line::after{