Fix "spill" issue

Flex items have a default `min-width` of auto, so they won't shrink
smaller than the longest line of text inside them

1 files changed, 5 insertions, 2 deletions

diff --git a/static/css/style.css b/static/css/style.css
index ba671f1..d6fa1f2 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -77,7 +77,8 @@ a:hover {
 .main-content {
     flex: 1;
     padding: 15px;
-    order: 2
+    order: 2;
+    min-width: 0
 }
 
 .module {
@@ -630,9 +631,11 @@ a[href*="wikipedia.org"]::after {
 
 pre {
     padding: 15px;
+    max-width: 100%;
     overflow-x: auto;
     font-size: 10px;
-    line-height: 1.4
+    line-height: 1.4;
+    white-space: pre
 }
 
 .project-grid {