web - fix ipad nav width

Eudicods · Oct 3, 2024 · 2ecaa5d · 2ecaa5d
1 parent 708cc9c
commit 2ecaa5d
Showing 1 changed file with 36 additions and 35 deletions.
diff --git a/rules/style.css b/rules/style.css
@@ -5,6 +5,16 @@ body {
   padding: 0;
 }
 
+nav.TOC {
+  position: fixed;
+  width: 200px;
+}
+
+nav.TOC.main {
+  position: relative;
+  width: 200px;
+}
+
 @media screen and (min-width: 57rem) {
   body {
     display: grid;
@@ -23,6 +33,30 @@ body {
   }
 }
 
+@media (max-width: 915px) {
+  nav.TOC {
+    position: relative;
+    max-width: 100%;
+    width: unset;
+  }
+
+  nav.TOC.main {
+    width: 100vw;
+    max-width: 100vw;
+  }
+
+  figure > p > img {
+    max-width: 100%;
+    height: 100%;
+    margin: 1rem auto;
+    scale: 1.15;
+  }
+
+  .itchio-frame {
+    width: 252pt;
+  }
+}
+
 /* *** Formatting *** */
 
 main.main-content {
@@ -100,41 +134,12 @@ li {
   margin-bottom: 0.5em;
 }
 
-nav.TOC {
-  position: fixed;
-  width: 200px;
-}
-
-nav.TOC.main {
-  position: relative;
-  width: 200px;
-}
-
 .multirow {
   display: inline;
 }
 
-@media (max-width: 915px) {
-  nav.TOC {
-    position: relative;
-    max-width: 100%;
-    width: unset;
-  }
-
-  nav.TOC.main {
-    width: 100vw;
-  }
-
-  figure > p > img {
-    max-width: 100%;
-    height: 100%;
-    margin: 1rem auto;
-    scale: 1.15;
-  }
-
-  .itchio-frame {
-    width: 252pt;
-  }
+.table {
+  overflow-x: scroll;
 }
 
 /* *** Colors *** */
@@ -198,7 +203,3 @@ figure.textsource {
   border: 1px solid var(--main-background-color);
   background-color: var(--accent-background-color);
 }
-
-.table {
-  overflow-x: scroll;
-}