From b2feb3d2c19e4235b4aae75b6bed91f06aaab58c Mon Sep 17 00:00:00 2001
From: Jonas Tobias Hopusch <git@jotoho.de>
Date: Tue, 24 Aug 2021 11:35:19 +0200
Subject: [PATCH] css responsiveness tweaks

---
 static/css/general.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/static/css/general.css b/static/css/general.css
index 607ef22..70481c9 100644
--- a/static/css/general.css
+++ b/static/css/general.css
@@ -6,8 +6,9 @@
     box-sizing: border-box;
 }
 
-html {
+body {
     font-family: monospace;
+    max-width: 100vw;
 }
 
 header, footer {
@@ -53,8 +54,8 @@ article {
 }
 
 #mainarticle {
-    width: 95vw;
-    max-width: 80rem;
+    width: fit-content;
+    max-width: min(80rem, 100%);
     margin: 0 auto;
 }
 
@@ -75,6 +76,7 @@ table {
     border-bottom: none;
     border-collapse: collapse;
     margin: 1rem auto;
+    max-width: 100%;
 }
 
 td, th {
@@ -84,6 +86,13 @@ td, th {
     border-top: none;
     border-collapse: collapse;
     padding: 0.5rem;
+    line-break: anywhere;
+}
+
+@media (max-width: 15rem) {
+    * {
+        line-break: anywhere;
+    }
 }
 
 @media (prefers-color-scheme: dark) {