commit 6d00e361b51b0e4d5aabc05aebef7ecb6b7d4392
from: Bradley Taunt <bt@btxx.org>
via: Stefan Sperling <stsp@stsp.name>
date: Tue Nov 12 09:11:47 2024 UTC

minor gotwebd.css styling changes for some QoL updates on mobile devices

Patch by Bradley Taunt
ok op@

commit - c450903bc2ce2dadb398b935473a6e355894e243
commit + 6d00e361b51b0e4d5aabc05aebef7ecb6b7d4392
blob - d58e49303616a5d26897f57e773f0b3772da1554
blob + 47dfcc3fabd6c2bfc3708182b1c3592ef607e8ba
--- gotwebd/files/htdocs/gotwebd/gotweb.css
+++ gotwebd/files/htdocs/gotwebd/gotweb.css
@@ -447,8 +447,52 @@ dd {
 	padding-top: 5px;
 	padding-bottom: 5px;
 	padding-left: 10px;
+}
+
+/* mobile (<=680px) */
+@media(max-width:680px) {
+    #index_header {
+        display: none;
+    }
+    .index_wrapper {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .index_wrapper .index_project,
+    .index_wrapper .index_project_description {
+        padding-bottom: 0;
+        width: 100%;
+    }
+    .index_wrapper .index_project {
+        font-weight: bold;
+        text-decoration: underline;
+    }
+    .index_wrapper .index_project_owner,
+    .index_wrapper .index_project_age {
+        opacity: 0.7;
+        width: 50%;
+    }
+    .index_wrapper .index_project_age {
+        text-align: right;
+    }
+
+    #summary_wrapper {
+        padding: 4px 0;
+    }
+    #summary_wrapper dt,
+    #summary_wrapper dd {
+        width: 100%;
+    }
+    #summary_wrapper dt {
+        font-weight: bold;
+        padding-bottom: 0;
+    }
+    #summary_wrapper dd {
+        padding-bottom: 8px;
+    }
 }
 
+
 /* dark theme */
 @media (prefers-color-scheme: dark) {
 	body {