center hourly forecast

This commit is contained in:
Matt Walsh 2022-08-04 13:02:25 -05:00
parent 70aa6bd336
commit 16dd6299a9
2 changed files with 16 additions and 16 deletions

View file

@ -124,13 +124,13 @@
text-shadow: 3px 3px 0 black, -1.5px -1.5px 0 black, 0 -1.5px 0 black, 1.5px -1.5px 0 black, 1.5px 0 0 black, 1.5px 1.5px 0 black, 0 1.5px 0 black, -1.5px 1.5px 0 black, -1.5px 0 0 black; text-shadow: 3px 3px 0 black, -1.5px -1.5px 0 black, 0 -1.5px 0 black, 1.5px -1.5px 0 black, 1.5px 0 0 black, 1.5px 1.5px 0 black, 0 1.5px 0 black, -1.5px 1.5px 0 black, -1.5px 0 0 black;
} }
.weather-display .main.hourly.main .column-headers .temp { .weather-display .main.hourly.main .column-headers .temp {
left: 370px; left: 345px;
} }
.weather-display .main.hourly.main .column-headers .like { .weather-display .main.hourly.main .column-headers .like {
left: 450px; left: 425px;
} }
.weather-display .main.hourly.main .column-headers .wind { .weather-display .main.hourly.main .column-headers .wind {
left: 560px; left: 535px;
} }
.weather-display .main.hourly.main .hourly-lines { .weather-display .main.hourly.main .hourly-lines {
min-height: 338px; min-height: 338px;
@ -154,22 +154,22 @@
top: 8px; top: 8px;
} }
.weather-display .main.hourly.main .hourly-lines .hourly-row .hour { .weather-display .main.hourly.main .hourly-lines .hourly-row .hour {
left: 50px; left: 25px;
} }
.weather-display .main.hourly.main .hourly-lines .hourly-row .icon { .weather-display .main.hourly.main .hourly-lines .hourly-row .icon {
left: 280px; left: 255px;
width: 70px; width: 70px;
text-align: center; text-align: center;
top: unset; top: unset;
} }
.weather-display .main.hourly.main .hourly-lines .hourly-row .temp { .weather-display .main.hourly.main .hourly-lines .hourly-row .temp {
left: 370px; left: 355px;
} }
.weather-display .main.hourly.main .hourly-lines .hourly-row .like { .weather-display .main.hourly.main .hourly-lines .hourly-row .like {
left: 450px; left: 425px;
} }
.weather-display .main.hourly.main .hourly-lines .hourly-row .wind { .weather-display .main.hourly.main .hourly-lines .hourly-row .wind {
left: 530px; left: 505px;
width: 100px; width: 100px;
text-align: right; text-align: right;
} }

View file

@ -29,15 +29,15 @@
} }
.temp { .temp {
left: 370px; left: 345px;
} }
.like { .like {
left: 450px; left: 425px;
} }
.wind { .wind {
left: 560px; left: 535px;
} }
} }
@ -66,26 +66,26 @@
} }
.hour { .hour {
left: 50px; left: 25px;
} }
.icon { .icon {
left: 280px; left: 255px;
width: 70px; width: 70px;
text-align: center; text-align: center;
top: unset; top: unset;
} }
.temp { .temp {
left: 370px; left: 355px;
} }
.like { .like {
left: 450px; left: 425px;
} }
.wind { .wind {
left: 530px; left: 505px;
width: 100px; width: 100px;
text-align: right; text-align: right;
} }