feat: Update padding values across multiple styles for consistency

Author: jkrumboe

frontend/src/styles/components/components.css

@@ -348,7 +348,7 @@
   .game-details-container {
     padding: 0;
     overflow: hidden;
-    padding-top: var(--spacing-lg);
+    padding-top: var(--spacing-md);
     min-height: calc(100vh - var(--top-nav-height) - var(--bottom-nav-height));
     width: 100%;
     position: relative;
@@ -897,7 +897,7 @@
   /* Stats Page */
   .stats-container {
     max-width: 960px;
-    padding: var(--spacing-lg) 0;
+    padding: var(--spacing-md) 0;
   }
 
   .stats-header {
@@ -1010,7 +1010,7 @@
 
 /* New Game Page */
 .new-game-container {
-  padding-top: var(--spacing-lg);
+  padding-top: var(--spacing-md);
   max-width: 960px;
   flex: 1;
   display: flex;
@@ -1678,7 +1678,7 @@
 .game-details-container {
   min-height: calc(100vh - var(--top-nav-height) - var(--bottom-nav-height));
   padding: 0;
-  padding-top: var(--spacing-lg);
+  padding-top: var(--spacing-md);
   width: 100%;
   position: relative;
   z-index: 1;
@@ -1983,7 +1983,7 @@
 
 .loading-container {
   text-align: center;
-  padding: var(--spacing-xl) 0;
+  padding: var(--spacing-md) 0;
   color: var(--text-muted);
 }
 
@@ -2225,7 +2225,7 @@
   flex-direction: column;
   height: calc(96vh - var(--bottom-nav-height));
   max-width: 960px;
-  margin-top: var(--spacing-lg);
+  margin-top: var(--spacing-md);
 }
 
 .home-container .recent-games {

frontend/src/styles/devices/tablet.css

@@ -144,8 +144,7 @@
         flex-direction: column;
         align-items: center;
         width: 100%;
-          height: calc(96vh - var(--bottom-nav-height));
-
+        height: calc(96vh - var(--bottom-nav-height));
     }
 
     .home-header {

frontend/src/styles/pages/account.css

@@ -338,7 +338,7 @@
 .settings-container {
   max-width: 900px;
   margin: 0 auto;
-  padding-top: var(--spacing-lg);
+  padding-top: var(--spacing-md);
   width: 100%;
   flex: 1;
 }

frontend/src/styles/pages/gameDetails.css

@@ -1,7 +1,7 @@
 /* Game Details Page Styles */
 .game-details-container {
   padding: 0;
-  padding-top: var(--spacing-lg);
+  padding-top: var(--spacing-md);
   min-height: calc(100vh - var(--top-nav-height) - var(--bottom-nav-height));
   width: 100%;
   position: relative;

frontend/src/styles/pages/leaderboard.css

@@ -13,7 +13,7 @@
   max-width: 1200px;
   margin: 0 auto;
   padding-bottom: var(--spacing-sm);
-  margin-top: var(--spacing-lg);
+  margin-top: var(--spacing-md);
 }
 
 /* Player link styling */

frontend/src/styles/pages/shared-game.css

@@ -4,7 +4,7 @@
   /* min-height: 100%;
   height: 100%; */
   background: var(--bg-color);
-  padding: var(--spacing-lg);
+  padding: var(--spacing-md) 0;
   display: flex;
   align-items: center;
   justify-content: center;