From e2b794b64e3ea6c4666302470657084fa706b634 Mon Sep 17 00:00:00 2001
From: Richard Dern <richard@athaliasoft.com>
Date: Sat, 27 Apr 2024 22:10:06 +0200
Subject: [PATCH] Fix: Wrong width

---
 resources/css/app.css          | 3 ++-
 resources/css/article-main.css | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index ab9b655..5bc652a 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -23,10 +23,11 @@ :root {
 
 html,
 body {
-    width: 100vw;
+    max-width: 100vw;
     height: 100vh;
     background-color: #030712;
     color: #e4f1fe;
+    padding: 0 .5rem;
 }
 
 body {
diff --git a/resources/css/article-main.css b/resources/css/article-main.css
index d1654b4..8ee3a62 100644
--- a/resources/css/article-main.css
+++ b/resources/css/article-main.css
@@ -87,7 +87,8 @@ #article-main {
         .table-of-contents {
             margin: 2rem auto;
             line-height: 150%;
-            width: var(--design-width);
+            max-width: var(--design-width);
+            width: 100%;
             font-size: .8em;
 
             ol {
@@ -104,7 +105,8 @@ #article-main {
         > h4,
         > h5,
         > h6 {
-            width: var(--design-width);
+            max-width: var(--design-width);
+            width: 100%;
             margin: 1rem auto;
             text-align: left;
             gap: .5rem;