« get me outta code hell

CSS hack(?) to fix too wide content area - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <towerofnix@gmail.com>2021-06-03 11:24:32 -0300
committer(quasar) nebula <towerofnix@gmail.com>2021-06-03 11:33:20 -0300
commitf4fe294d709add9164c57cf76cdd741c99d47855 (patch)
tree414f140a464f55afbbb75885e97d60b6633b84a5
parenteefa49a6ef31bf54bac62f18ff85d908d866adbd (diff)
CSS hack(?) to fix too wide content area
-rw-r--r--src/static/site.css9
1 files changed, 7 insertions, 2 deletions
diff --git a/src/static/site.css b/src/static/site.css
index 0f81d276..cc2e9268 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -40,8 +40,9 @@ body::before {
 }
 
 #page-container > * {
-    margin-left: 15px;
-    margin-right: 15px;
+    --margin: 15px; /* necessary for size calculations due to CSS suckery */
+    margin-left: var(--margin);
+    margin-right: var(--margin);
 }
 
 #banner {
@@ -911,6 +912,10 @@ li > ul {
         width: 100%;
     }
 
+    #page-container > #content {
+        width: calc(100% - calc(var(--margin) * 2));
+    }
+
     #cover-art-container {
         float: none;
         margin: 0 10px 10px 10px;