« get me outta code hell

css updates for better mobile layout - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static
diff options
context:
space:
mode:
author(quasar) nebula <towerofnix@gmail.com>2021-05-27 13:10:24 -0300
committer(quasar) nebula <towerofnix@gmail.com>2021-05-27 13:10:24 -0300
commitcf9517914300b6eb6cb36aa0b6403352fad0a85b (patch)
treeba9ccfd64bd948959029eba8a335ba670bd6ae50 /src/static
parent28a8a3764e03f5b00da0c3988ae74d0bda3ed5e7 (diff)
css updates for better mobile layout
Diffstat (limited to 'src/static')
-rw-r--r--src/static/site.css22
1 files changed, 22 insertions, 0 deletions
diff --git a/src/static/site.css b/src/static/site.css
index e664c0ee..0f81d276 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -261,9 +261,11 @@ footer > :last-child {
 }
 
 #content {
+    box-sizing: border-box;
     padding: 20px;
     flex-grow: 1;
     flex-shrink: 3;
+    overflow-wrap: break-word;
 }
 
 .sidebar > h1,
@@ -904,4 +906,24 @@ li > ul {
     .content-columns {
         columns: 1;
     }
+
+    #content {
+        width: 100%;
+    }
+
+    #cover-art-container {
+        float: none;
+        margin: 0 10px 10px 10px;
+        margin: 0;
+        width: 100%;
+        max-width: unset;
+    }
+
+    #header {
+        display: block;
+    }
+
+    #header > div {
+        margin-top: 0.5em;
+    }
 }