Adjust Taximeter styling

This commit is contained in:
Luke
2020-07-15 20:53:54 +02:00
parent b076b601b3
commit d5315eb4bf

View File

@@ -5,8 +5,12 @@
font-style: normal
}
body {
width: 240px
body {
width: 275px;
position: absolute;
right: 0;
bottom: 0
}
h4 {
@@ -16,7 +20,6 @@ h4 {
.taximeter-company {
background-color: #171717;
max-width: 100%
}
.taximeter-company__header {
@@ -25,22 +28,32 @@ h4 {
margin: 0;
font-size: 100%;
font-family: DS-Digital;
color: #ff0;
color: #ff0
}
.taximeter {
max-width: 100%;
height: 80px;
height: fit-content;
padding: 1em;
display: flex;
justify-content: space-between;
background-color: #171717;
background-color: #171717
}
.taximeter-element {
margin: 3px;
width: 200px;
height: 50px
width: fit-content;
height: fit-content;
margin-right: 1em
}
.taximeter-element:last-child {
margin-right: unset
}
.taximeter-element--large {
width: fit-content;
max-width: 250px
}
.taximeter-header {
@@ -50,7 +63,7 @@ h4 {
}
.taximeter-output {
height: 40px;
height: fit-content;
max-width: 100%;
margin: 0;
font-family: DS-Digital;
@@ -62,4 +75,3 @@ h4 {
.taximeter-output__additional {
font-size: 70%
}
/*# sourceMappingURL=main.css.map */