From f78c58931ec4e8c10e6f085ee5bea9ff8d4ad58a Mon Sep 17 00:00:00 2001
From: Frederick Yin <fkfd@fkfd.me>
Date: Fri, 22 Oct 2021 00:03:24 +0800
Subject: Mobile view for overdue table

This prevents banner and tile containers from overflowing to the left.
---
 jimbrella/static/jimbrella.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'jimbrella/static')

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;
+}
-- 
cgit v1.2.3