From fb521a6e4a7a0481823ca281def98fea2aa91958 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Tue, 7 Jan 2020 22:21:28 -0500
Subject: [PATCH] Give the start button a whole row, no matter what

---
 stroll.html | 6 +-----
 style.css   | 6 ++++++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/stroll.html b/stroll.html
index edeea57..3c5d115 100644
--- a/stroll.html
+++ b/stroll.html
@@ -235,16 +235,12 @@
 
       <ul class="flex-outer">
 
-        <div class="custom-category">
-        </div>
 
-        <div class="custom-category">
+        <div class="custom-category wide-category">
           <div>
             <button class="option-button" id="button-start">Start Game</button>
           </div>
         </div>
-        <div class="custom-category">
-        </div>
 
         <div class="custom-category">
           <p>Presets let you play as other players' characters. There are a few groups to choose from.</p>
diff --git a/style.css b/style.css
index 26f1f0c..c427228 100644
--- a/style.css
+++ b/style.css
@@ -350,6 +350,12 @@ input[type="checkbox"]:checked ~ .reveal-if-active {
   width: 500px;
 }
 
+body.dark .custom-category.wide-category,
+body.light .custom-category.wide-category {
+  width: 90%;
+  background: none;
+}
+
 .custom-category-sub {
   text-align: center;
   margin: 10px;