Cleanup mobile styling

dam5s · Feb 16, 2024 · f9d7ae8 · f9d7ae8
1 parent 7fb6654
commit f9d7ae8
Showing 1 changed file with 15 additions and 20 deletions.
diff --git a/Damo.Io.Server/www/styles/app.css b/Damo.Io.Server/www/styles/app.css
@@ -88,25 +88,6 @@ body {
     display: inline-block;
 }
 
-@media (max-width: 1000px) {
-    #template > main {
-        padding-top: 14rem;
-        padding-bottom: 1.6rem;
-        margin: 0;
-        max-width: none;
-    }
-
-    #template > aside {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        width: 100%;
-        height: 12.4rem;
-        box-shadow: var(--card-shadow);
-    }
-}
-
 h1, h2, h3, h4 {
     line-height: 1.5;
     color: var(--title-color);
@@ -293,14 +274,28 @@ article nav {
 }
 
 @media (max-width: 1000px) {
+
+    #template > main {
+        margin: 0;
+        max-width: none;
+        padding: 1.2rem;
+    }
+
+    #template > aside {
+        width: auto;
+        position: static;
+        padding: 0;
+    }
+
     .main-menu {
         display: flex;
         gap: 0.8rem;
         justify-content: center;
+        margin: 0;
     }
 
     .main-menu a {
         width: auto;
-        padding: 0.8rem 1.6rem;
+        padding: 1.2rem 2.4rem;
     }
 }