Commit Diff

Commit:
26eea884dfbcf5c11ea6783e71ed280c25932048
From:
Bradley Taunt <bt@btxx.org>
Via:
Thomas Adam <thomas@xteddy.org>
Date:
Message:
minor gotwebd.css styling changes for some QoL updates on mobile devices Patch by Bradley Taunt ok op@
Actions:
Patch | Tree
commit - 5a6829a24229eb0dfb73fdb62bcc65ea6333ac1b
commit + 26eea884dfbcf5c11ea6783e71ed280c25932048
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 {