From ce1ace9207a4ce0403c0a5125b1e287aa1e4cd42 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <me@jonasjones.dev>
Date: Fri, 1 Aug 2025 17:19:41 +0200
Subject: [PATCH] updated container width

---
 src/lib/styles/main.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/lib/styles/main.css b/src/lib/styles/main.css
index 619a446..c336d52 100644
--- a/src/lib/styles/main.css
+++ b/src/lib/styles/main.css
@@ -26,6 +26,8 @@
     --settings-input-border-color: #333;
 
     --shadow-color: rgba(0, 0, 0, 0.3);
+
+    --root-width: 2 * calc(100vh - 3rem) + 60px;
 }
 
 [data-theme='light'] {
@@ -142,11 +144,16 @@ body {
     background-color: var(--bg-color);
     color: var(--text-color);
     padding-bottom: 1rem;
+    width: var(--root-width);
+}
+
+.main-content {
+    width: var(--root-width);
 }
 
 .root-bingo-container {
     display: flex;
-    width: 100vw;
+    width: var(--root-width);
     height: calc(100vh - 3rem);
     width: calc(100vw - 1rem);
 }
@@ -198,8 +205,6 @@ body {
     word-wrap: break-word;
     cursor: pointer;
     margin: 0;
-    word-break: break-word;
-    overflow-wrap: break-word;
 }
 
 .bingo-cell:hover, .bingo-cell.clicked:hover {