josh/NHL-Scoreboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: live game state and time spacing and size (#28)

Browse Source
This commit is contained in:
Goddard
2024-02-19 16:21:45 -05:00
committed by GitHub
parent d89d674b2a 468a03e646
commit e355693613
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/static/styles.css
View File

@@ -134,6 +134,7 @@ h1 {
color: #fff; /* White text color for live state */ color: #fff; /* White text color for live state */
font-weight: bolder; /* Bold text for live state */ font-weight: bolder; /* Bold text for live state */
z-index: 1; /* Ensure the live state box is above other content */ z-index: 1; /* Ensure the live state box is above other content */
width: 18px;
} }
.live-state-intermission { .live-state-intermission {
@@ -147,6 +148,7 @@ h1 {
color: #fff; /* White text color for live state */ color: #fff; /* White text color for live state */
font-weight: bolder; /* Bold text for live state */ font-weight: bolder; /* Bold text for live state */
z-index: 1; /* Ensure the live state box is above other content */ z-index: 1; /* Ensure the live state box is above other content */
width: 40px;
} }
.live-time { .live-time {
@@ -159,18 +161,26 @@ h1 {
font-size: 12px; font-size: 12px;
color: #ddd; /* Lighter text color for time box */ color: #ddd; /* Lighter text color for time box */
z-index: 1; /* Ensure the time box is above other content */ z-index: 1; /* Ensure the time box is above other content */
width: 30px;
display: flex; /* Use flexbox */
justify-content: space-evenly; /* Center content horizontally */
align-items: center; /* Center content vertically */
} }
.live-time-intermission { .live-time-intermission {
position: absolute; position: absolute;
top: 10px; top: 10px;
left: 60px; /* Adjusted left position */ left: 65px; /* Adjusted left position */
background-color: #444; /* Darker background color for time box */ background-color: #444; /* Darker background color for time box */
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
font-size: 12px; font-size: 12px;
color: #ddd; /* Lighter text color for time box */ color: #ddd; /* Lighter text color for time box */
z-index: 1; /* Ensure the time box is above other content */ z-index: 1; /* Ensure the time box is above other content */
width: 30px;
display: flex; /* Use flexbox */
justify-content: space-evenly; /* Center content horizontally */
align-items: center; /* Center content vertically */
} }
#live-games-section { #live-games-section {