From c0991420f8a7bd7d2850af941a34271253c71b4e Mon Sep 17 00:00:00 2001
From: Rahix <rahix@rahix.de>
Date: Sat, 5 Oct 2024 01:16:33 +0200
Subject: [PATCH] succd: Fix layout on large screens

Make sure the grid cannot grow too large on big screens.  Also slightly
adjust the breakpoint to avoid some weird artifacts.
---
 succbone/succd/index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/succbone/succd/index.html b/succbone/succd/index.html
index 6be0c1d..921cc87 100644
--- a/succbone/succd/index.html
+++ b/succbone/succd/index.html
@@ -53,11 +53,14 @@ td > span {
 }
 
 .main-grid {
-    margin: 2em;
+    margin-top: 2em;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 130em;
     clear: both;
 
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(50em, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(54em, 1fr));
     column-gap: 2em;
     row-gap: 2em;
 }
@@ -170,7 +173,7 @@ let historicalDraw = (w, h) => {
     // coordinate calculation.
 
     canvas.clearRect(0, 0, w, h);
-    canvas.fillStyle = "#f0f0f0";
+    canvas.fillStyle = "#e8e8e8";
     canvas.fillRect(0, 0, w, h);
 
     // Margins of the main graph window.
-- 
2.45.2