From f43ba7a28c7836e420e63c0cead8007cbde0ec2d Mon Sep 17 00:00:00 2001
From: Tanner Krewson <tannerkrewson@gmail.com>
Date: Sun, 28 Jul 2024 20:06:58 -0400
Subject: [PATCH] Make show hide button bigger and misc.

---
 components/AccessCode.js        | 1 +
 components/HideableContainer.js | 8 ++++----
 components/Settings.js          | 6 +++++-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/components/AccessCode.js b/components/AccessCode.js
index dbe37bf..a789f33 100644
--- a/components/AccessCode.js
+++ b/components/AccessCode.js
@@ -11,6 +11,7 @@ const AccessCode = ({ code }) => {
 			<style>{`
             .access-code {
                 margin: .8em;
+				margin-bottom: 1.5em;
             }
             .access-code > span {
                 box-shadow: 0 0 10pt 1pt #d3d3d3;
diff --git a/components/HideableContainer.js b/components/HideableContainer.js
index 4317491..eba71a9 100644
--- a/components/HideableContainer.js
+++ b/components/HideableContainer.js
@@ -28,12 +28,12 @@ const HideableContainer = ({ children, initialHidden, title }) => {
                     border-top: 1px solid #e1e1e1;
                     border-bottom: 1px solid #e1e1e1;
                     position: relative;
-                    min-height: 14px;
+                    min-height: 18px;
                     margin-bottom: 1em;
                 }
                 
                 .status-container-content {
-                    margin-top: 10px;
+                    margin-top: 16px;
                     margin-bottom: 10px;
                 }
 
@@ -50,9 +50,9 @@ const HideableContainer = ({ children, initialHidden, title }) => {
                     top: -5px;
                     padding: 2px 10px;
                     line-height: 1em;
-                    height: 16px;
+                    height: 18px;
                     border: none;
-                    font-size: 10px;
+                    font-size: 14px;
                     text-transform: none;
                     color: #999;
                 }
diff --git a/components/Settings.js b/components/Settings.js
index 2617dc0..b6fff1f 100644
--- a/components/Settings.js
+++ b/components/Settings.js
@@ -9,7 +9,11 @@ const Settings = ({ gameState, socket }) => {
 	} = settings;
 
 	return (
-		<div>
+		<div
+			style={{
+				paddingTop: "1em",
+			}}
+		>
 			<TimeLimit
 				onSetMinutes={(minutes) => socket.emit("setTimeLimit", minutes)}
 				serverMinutes={serverMinutes}