schulze/hallbarUtvecklingVT7
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Layout fixes

Browse Source
This commit is contained in:
André Wahlberg 2020-12-11 11:01:18 +01:00
parent b56e334d00
commit 98db97627b
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/css/StopTitle.css
View File

@ -16,7 +16,7 @@
} }
#stopTitle h1 { #stopTitle h1 {
font-size: 9vw; font-size: 3.5vh;
} }
#stopTitle h3 { #stopTitle h3 {
@ -26,7 +26,7 @@
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
#stopTitle h1 { #stopTitle h1 {
font-size: 35px; font-size: 4vh;
} }
#stopTitle h3 { #stopTitle h3 {

23
src/components/css/TrafficInfo.css
View File

@ -20,7 +20,7 @@
width: 90%; width: 90%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: flex-start;
margin-bottom: 2vh; margin-bottom: 2vh;
} }
@ -50,12 +50,12 @@
.trafficEntry div div div { .trafficEntry div div div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: space-around;
align-items: flex-end; align-items: flex-end;
} }
.timeColumn { .timeColumn {
flex-basis: 15%; flex-basis: 20%;
justify-content: space-between !important; justify-content: space-between !important;
align-items: center; align-items: center;
} }
@ -78,8 +78,9 @@
} }
.lineColumn img { .lineColumn img {
width: 7.5vw; flex-basis: 20%;
margin-right: 10px; height: 9vw;
margin-right: 5%;
} }
.infoWrapper p { .infoWrapper p {
@ -106,12 +107,20 @@
color: white; color: white;
font-size: 6vw; font-size: 6vw;
font-weight: 100; font-weight: 100;
margin-right: 10px; padding: 1vw 2.5vw;
padding: 1vw 4vw; border-radius: var(--borderRadius);
font-family: 'Roboto Light';
height: 7vw;
flex-basis: 35%;
margin-right: 5%;
} }
.destination { .destination {
height: 9vw;
font-size: 4vw;
text-align: left; text-align: left;
display: flex;
align-items: flex-end;
} }
.trafficEntry a { .trafficEntry a {