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

fix: styles.css adjustments

Browse Source
This commit is contained in:
Goddard
2024-02-20 14:32:17 -05:00
parent 24de212b98
commit a329c2e8b2
1 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/static/styles.css
View File

@@ -58,9 +58,9 @@ h1 {
} }
/* Add a media query for screens between 769px and 900px */ /* Add a media query for screens between 769px and 900px */
@media only screen and (max-width: 900px) and (min-width: 769px) { @media only screen and (max-width: 950px) and (min-width: 769px) {
.team-name { .team-name {
font-size: 75%; /* Adjusted font size for screens between 769px and 900px */ font-size: 0.55rem; /* Adjusted font size for screens between 769px and 900px */
} }
} }
@@ -71,9 +71,16 @@ h1 {
} }
.team-record { .team-record {
font-size: 70%; font-size: 0.75rem;
margin-left: auto;
font-weight: bold; font-weight: bold;
margin-left: auto;
}
/* Add a media query for screens between 769px and 900px */
@media only screen and (max-width: 950px) and (min-width: 769px) {
.team-record {
font-size: 0.45rem; /* Adjusted font size for screens between 769px and 900px */
}
} }
.team-sog { .team-sog {
@@ -115,7 +122,7 @@ h1 {
background-color: #444; background-color: #444;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
font-size: 65%; font-size: 0.65rem;
color: #fff; color: #fff;
font-weight: bolder; font-weight: bolder;
z-index: 1; z-index: 1;
@@ -126,6 +133,13 @@ h1 {
align-items: center; align-items: center;
} }
/* Add a media query for screens between 769px and 900px */
@media only screen and (max-width: 950px) and (min-width: 769px) {
.pre-state {
font-size: 0.55rem; /* Adjusted font size for screens between 769px and 900px */
}
}
.final-state { .final-state {
position: absolute; position: absolute;
top: 5%; top: 5%;
@@ -275,8 +289,8 @@ h1 {
} }
.live-state { .live-state {
top: 4%; top: 5%;
left: 3%; left: 3.5%;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
font-size: 80%; font-size: 80%;
@@ -285,7 +299,7 @@ h1 {
} }
.live-time { .live-time {
top: 4%; top: 5%;
left: 13%; left: 13%;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
@@ -299,7 +313,7 @@ h1 {
.live-state-intermission { .live-state-intermission {
top: 5%; top: 5%;
left: 4%; left: 3.5%;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
font-size: 80%; font-size: 80%;
@@ -325,7 +339,7 @@ h1 {
.final-state { .final-state {
top: 5%; top: 5%;
left: 4%; left: 3.5%;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
font-size: 72%; font-size: 72%;
@@ -334,8 +348,8 @@ h1 {
} }
.pre-state { .pre-state {
top: 4%; top: 5%;
left: 4%; left: 3.5%;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
font-size: 80%; font-size: 80%;