diff --git a/ReallifeGamemode.Client/assets/css/taximeter/main.css b/ReallifeGamemode.Client/assets/css/taximeter/main.css index d7f10611..78269555 100644 --- a/ReallifeGamemode.Client/assets/css/taximeter/main.css +++ b/ReallifeGamemode.Client/assets/css/taximeter/main.css @@ -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 */