CSS hack(?) to fix too wide content area

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;