mobile styling

build.py

@@ -164,7 +164,7 @@ def index_dir(dir):
 title: '{dir}'
 ---
 <div class="container">
-<div class="panel">
+<div class="panel m">
 <h2>{dir}</h2>
 <a href="..">back</a>
 <ul>

static/style.css

@@ -69,17 +69,17 @@ a:hover, .a:hover, .fa:hover span, #vol:hover span {
 .dn { display: none; }
 .f { flex: 1 }
 .fg { flex-grow: 1; }
-.c { text-align: center; }
-.c2 {
-  justify-content: center;
-  padding: 10vh;
-}
 .container {
   display: flex;
   flex-wrap: wrap;
   margin: 0 auto;
   max-width: var(--width);
 }
+@media (max-width: 450px) {
+  #content .container {
+    flex-flow: column;
+  }
+}
 .panel {
   margin: 10px;
   padding: 15px;
@@ -88,6 +88,13 @@ a:hover, .a:hover, .fa:hover span, #vol:hover span {
   min-width: 130px;
   overflow: hidden;
 }
+.m { width: max-content; }
+.c {
+  text-align: center;
+  width: min-content;
+  margin: 10vh auto;
+}
+.c2 { justify-content: center; }
 header {
   position: sticky;
   top: 0;