diff --git a/src/App.scss b/src/App.scss index 3f6d826..5032e35 100644 --- a/src/App.scss +++ b/src/App.scss @@ -46,7 +46,7 @@ font-size: 1rem; @include smallScreen() { - font-size: calc(0.55rem + 1vw); + font-size: calc(0.5rem + 1.3vw); } } diff --git a/src/components/App/AppHeader.vue b/src/components/App/AppHeader.vue index 3c4b889..77c1f9a 100644 --- a/src/components/App/AppHeader.vue +++ b/src/components/App/AppHeader.vue @@ -136,6 +136,7 @@ export default defineComponent({ .header { &_body { max-width: 21em; + position: relative; @include smallScreen { max-width: 18em; diff --git a/src/components/App/StatusIndicator.vue b/src/components/App/StatusIndicator.vue index 684137b..4de73a9 100644 --- a/src/components/App/StatusIndicator.vue +++ b/src/components/App/StatusIndicator.vue @@ -303,9 +303,8 @@ export default defineComponent({ .status-indicator { position: absolute; - left: 50%; + left: 110%; bottom: 0; - transform: translateX(12em); z-index: 100; }