good enough

Author: Fruehwirth

src/components/Game/StartScreen.css

@@ -8,21 +8,24 @@
   z-index: 40;
   display: flex;
   justify-content: center;
-  align-items: flex-start;
+  align-items: center;
   padding: 20px;
   overflow-y: auto;
 }
 
 .start-screen-content {
   width: 400px;
   max-width: 100%;
-  margin: auto;
   display: flex;
   flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
   padding: 30px;
   background-color: var(--color-header);
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  margin: auto;
 }
 
 @media (max-height: 700px) {
@@ -37,7 +40,6 @@
 
   .start-button {
     padding: 0.7rem 1.2rem;
-    margin: 15px auto;
   }
 
   .difficulty-buttons {
@@ -48,7 +50,6 @@
 @media (max-width: 550px) {
   .start-screen-content {
     width: 100%;
-    padding: 20px;
     border-radius: 0;
     box-shadow: none;
     background-color: var(--color-background);
@@ -65,7 +66,6 @@
 
 .start-button {
   width: 210px;
-  margin: 20px auto;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -80,6 +80,8 @@
   font-weight: 500;
   transition: background-color 0.2s;
   font-family: var(--font-family-base);
+  margin-top: auto;
+  align-self: center;
 }
 
 .start-button:hover:not(:disabled) {

src/components/Settings/SettingsPanel.css

@@ -42,10 +42,6 @@
     color: var(--color-text);
 }
 
-.settings-section {
-    margin-bottom: 10px;
-}
-
 .settings-section h3 {
     margin-bottom: 15px;
     color: var(--color-text);