(mkosarek) Some more sizing for mobile

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>