From 67ff6ae0ec15acb5d7c86f565e9c973d15107dbd Mon Sep 17 00:00:00 2001
From: Jonas Tobias Hopusch <git@jotoho.de>
Date: Tue, 17 Aug 2021 11:01:16 +0200
Subject: [PATCH] Disable table margin on small screens

---
 static/css/general.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/static/css/general.css b/static/css/general.css
index 697d196..fc3091b 100644
--- a/static/css/general.css
+++ b/static/css/general.css
@@ -68,7 +68,7 @@ table {
     border-right: none;
     border-bottom: none;
     border-collapse: collapse;
-    margin: 1rem 2rem;
+    margin: 1rem 2.5vw;
 }
 
 td, th {
@@ -80,6 +80,13 @@ td, th {
     padding: 0.5rem 1rem;
 }
 
+@media (max-width: 30rem), (max-width: 1000px) {
+    table {
+        margin-right: 0;
+        margin-left: 0;
+    }
+}
+
 @media (prefers-color-scheme: dark) {
     html {
         background-color: black;