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