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 */
@media only screen and (max-width: 900px) and (min-width: 769px) {
@media only screen and (max-width: 950px) and (min-width: 769px) {
.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 {
font-size: 70%;
margin-left: auto;
font-size: 0.75rem;
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 {
@@ -115,7 +122,7 @@ h1 {
background-color: #444;
padding: 1.5%;
border-radius: 5px;
font-size: 65%;
font-size: 0.65rem;
color: #fff;
font-weight: bolder;
z-index: 1;
@@ -126,6 +133,13 @@ h1 {
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 {
position: absolute;
top: 5%;
@@ -275,8 +289,8 @@ h1 {
}
.live-state {
top: 4%;
left: 3%;
top: 5%;
left: 3.5%;
padding: 1.5%;
border-radius: 5px;
font-size: 80%;
@@ -285,7 +299,7 @@ h1 {
}
.live-time {
top: 4%;
top: 5%;
left: 13%;
padding: 1.5%;
border-radius: 5px;
@@ -299,7 +313,7 @@ h1 {
.live-state-intermission {
top: 5%;
left: 4%;
left: 3.5%;
padding: 1.5%;
border-radius: 5px;
font-size: 80%;
@@ -325,7 +339,7 @@ h1 {
.final-state {
top: 5%;
left: 4%;
left: 3.5%;
padding: 1.5%;
border-radius: 5px;
font-size: 72%;
@@ -334,8 +348,8 @@ h1 {
}
.pre-state {
top: 4%;
left: 4%;
top: 5%;
left: 3.5%;
padding: 1.5%;
border-radius: 5px;
font-size: 80%;