Make show hide button bigger and misc.

tannerkrewson · Jul 29, 2024 · f43ba7a · f43ba7a
1 parent d74ccd3
commit f43ba7a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git 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
@@ -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
@@ -9,7 +9,11 @@ const Settings = ({ gameState, socket }) => {
 	} = settings;
 
 	return (
-		<div>
+		<div
+			style={{
+				paddingTop: "1em",
+			}}
+		>
 			<TimeLimit
 				onSetMinutes={(minutes) => socket.emit("setTimeLimit", minutes)}
 				serverMinutes={serverMinutes}