From 21d25374b71a00fcdce56681e0fff29e8fe67baf Mon Sep 17 00:00:00 2001
From: Andrew Davis <andrew@restoredsoftware.com>
Date: Sun, 2 Feb 2020 14:39:58 -0600
Subject: [PATCH] Improving dark mode form styles

---
 assets/styles.css                 | 14 +++++++++++---
 layouts/partials/menu_button.html |  2 +-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/assets/styles.css b/assets/styles.css
index 8ab2f1d..357355c 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -237,6 +237,10 @@ button:hover .icon svg {
     height: 1.25em;
     display: inline-block;
 }
+.dark-mode-form {
+    float: right;
+    padding-left: 1rem;
+}
 .home-title {
     text-align: center;
 }
@@ -266,7 +270,7 @@ button:hover .icon svg {
 }
 @media only screen and (max-width: 420px) {
     .home-buttons {
-        padding-top: 0.5em;
+        padding-top: 0.5rem;
         max-width: 15em;
         margin: 0 auto;
     }
@@ -275,13 +279,17 @@ button:hover .icon svg {
         display: block;
     }
     .home-buttons .menu {
-        margin-top: 0.5em;
+        margin-top: 0.5rem;
         text-align: center;
         display: block;
     }
+    .home-buttons .dark-mode-form {
+        float: none;
+        margin-top: 0.5rem;
+    }
 }
 .menu {
-    margin-bottom: 1.5em;
+    margin-bottom: 1.5rem;
 }
 .modal {
     position: fixed;
diff --git a/layouts/partials/menu_button.html b/layouts/partials/menu_button.html
index 094a9e4..6e5b368 100644
--- a/layouts/partials/menu_button.html
+++ b/layouts/partials/menu_button.html
@@ -3,7 +3,7 @@
         <div class="icon">{{ readFile "static/show-sidebar.svg" | safeHTML }}</div>
         Table of Contents
     </button>
-    <form style="float: right; padding-left: 1rem;">
+    <form class="dark-mode-form">
         <label for="dark_mode">Dark Mode?</label>
         <input type="checkbox" id="dark_mode" name="dark_mode" />
     </form>