mobile fixes

static/css/base.css

@@ -438,6 +438,14 @@ section.rowsect>div {
         justify-content: center;
     }
 
+    header div {
+        text-align: center;
+    }
+
+    header h2 {
+        display: none;
+    }
+
     section.rowsect {
         width: 100%;
         display: flex;

static/css/toaster.css

@@ -51,4 +51,18 @@ ul#toaster-specs li {
 
 .fill-height {
     height: 100%;
+}
+
+@media screen and (max-width: 740px) {
+    .flex-row {
+        flex-direction: column;
+    }
+    
+    .flex-col {
+        flex-direction: row;
+    }
+
+    #toaster-img {
+        width: 100%;
+    }
 }

templates/base.html

@@ -76,6 +76,8 @@
         </header>
         <nav id="alt-nav">
             <ul>
+                <li><a href="/">Home</a></li>
+                <li><a href="/toaster">Toaster</a></li>
                 <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
                 <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
                 <li><a href="https://prismic.alfieking.dev">Prismic</a></li>