Mobile view for overdue table

This prevents banner and tile containers from overflowing to the left.

1 files changed, 9 insertions, 1 deletions

diff --git a/jimbrella/static/jimbrella.css b/jimbrella/static/jimbrella.css
index 8e629ef..dcadf42 100644
--- a/jimbrella/static/jimbrella.css
+++ b/jimbrella/static/jimbrella.css
@@ -4,6 +4,7 @@ body {
     display: grid;
     align-items: center;
     justify-content: center;
+    overflow-x: auto;
 }
 
 #container {
@@ -25,6 +26,10 @@ td.tab {
     display: grid;
 }
 
+.table-container {
+    overflow-x: auto;
+}
+
 .tile-container {
     display: flex;
     flex-wrap: wrap;
@@ -48,7 +53,6 @@ table.data {
 }
 
 td {
-    border: 1px solid;
     padding: 1em;
 }
 
@@ -71,3 +75,7 @@ td {
 .big {
     font-size: 3em;
 }
+
+.far {
+    padding: 0.2em;
+}