Merge pull request #14 from JoshNotWright/feature/better-refresh

Update styles.css: fix sections

static/script.js

@@ -72,6 +72,7 @@ function generateGameBoxes(games, state) {
                 html += '<span class="team-power-play">' + game['Home Power Play'] + '</span>';
                 html += '</div>';
                 html += '<span class="team-score">' + game['Home Score'] + '</span>';
+                html += '</div>';
                 html += '<div class="game-info">';
                 if (game['Intermission']) {
                     html += '<div class="live-state-intermission">'
@@ -104,7 +105,7 @@ function generateGameBoxes(games, state) {
                     html += '<div class="live-time">' + game['Time Remaining'] + '</div>';
                 }
                 html += '</div>';
-                html += '<div class="game-info>';
+                html += '<div class="game-info">';
                 html += '<strong>Game Score: </strong>' + game['Priority'];
                 html += '</div>';
                 html += '</div>';

static/styles.css

@@ -76,9 +76,10 @@ h1 {
 }
 
 .game-info {
-    margin-top: 10px;
+    margin-top: 12px;
     color: #aaa; /* Lighten the text color */
     text-align: center;
+    font-size: 14px;
 }
 
 .game-info strong {
@@ -171,7 +172,7 @@ h1 {
     z-index: 1; /* Ensure the time box is above other content */
 }
 
-.live-games-section {
+#live-games-section {
     display: flex;
     align-items: start;
     flex-wrap: wrap;
@@ -179,7 +180,7 @@ h1 {
     margin-top: 20px;
 }
 
-.pre-games-section {
+#pre-games-section {
     display: flex;
     align-items: start;
     flex-wrap: wrap;
@@ -187,7 +188,7 @@ h1 {
     margin-top: 20px;
 }
 
-.final-games-section {
+#final-games-section {
     display: flex;
     align-items: start;
     flex-wrap: wrap;