From 2a8544e2d2534b138b7100ea8cfb30c21358adaf Mon Sep 17 00:00:00 2001
From: mattkae <mattkae@protonmail.com>
Date: Fri, 26 Nov 2021 15:59:02 -0500
Subject: (mkosarek) Some more sizing for mobile

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

diff --git a/index.css b/index.css
index ba2fe55..58a818e 100644
--- a/index.css
+++ b/index.css
@@ -199,17 +199,12 @@ input:focus {
 
 /* Theme Selector */
 #theme_selector {
-	position: fixed;
 	width: 50%;
 	display: flex;
 	align-items: center;
 	bottom: 1rem;
 }
 
-#theme_selector > label {
-    font-weight: bold;
-}
-
 #theme_selector > button {
 	width: 5rem;
 	height: 2rem;
@@ -241,6 +236,14 @@ only screen and (max-width:1280px) {
         font-size: 1.5rem;
     }
 
+    body {
+        width: 90vw !important;
+    }
+    
+    #theme_selector  {
+        padding-bottom: 2rem !important;
+    }
+
     .carousel_image_expanded_container > .carousel_image {
         width: 100vw;
     }
diff --git a/index.html b/index.html
index fbee791..77417e6 100644
--- a/index.html
+++ b/index.html
@@ -65,8 +65,8 @@
       </ul>
     </section>
 
+    <h2>Theme</h2>
     <div id="theme_selector">
-      <label>Theme:</label>
       <button id="theme_button_default">Default</button>
       <button id="theme_button_autumn">Autumn</button>
     </div>
-- 
cgit v1.2.1