diff --git a/app/static/styles.css b/app/static/styles.css index 06e4327..f782ef0 100644 --- a/app/static/styles.css +++ b/app/static/styles.css @@ -134,6 +134,7 @@ h1 { color: #fff; /* White text color for live state */ font-weight: bolder; /* Bold text for live state */ z-index: 1; /* Ensure the live state box is above other content */ + width: 18px; } .live-state-intermission { @@ -147,6 +148,7 @@ h1 { color: #fff; /* White text color for live state */ font-weight: bolder; /* Bold text for live state */ z-index: 1; /* Ensure the live state box is above other content */ + width: 40px; } .live-time { @@ -159,18 +161,26 @@ h1 { font-size: 12px; color: #ddd; /* Lighter text color for time box */ 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 { position: absolute; top: 10px; - left: 60px; /* Adjusted left position */ + left: 65px; /* Adjusted left position */ background-color: #444; /* Darker background color for time box */ padding: 5px; border-radius: 5px; font-size: 12px; color: #ddd; /* Lighter text color for time box */ 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 {