From 279bbfa4dbebe3ae2397f037a2ac441f8c0659eb Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 26 Dec 2022 20:01:10 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20responsywno=C5=9B=C4=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.scss                           | 2 +-
 src/components/App/AppHeader.vue       | 1 +
 src/components/App/StatusIndicator.vue | 3 +--
 3 files changed, 3 insertions(+), 3 deletions(-)

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;
 }