From 25367163f98b4d9ff29c88267bf4f9de436d4575 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 13 Feb 2023 00:07:47 +0100
Subject: [PATCH] =?UTF-8?q?hotfix:=20responsywno=C5=9B=C4=87,=20scrollbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                           | 5 +++++
 src/components/NumberGeneratorTab.vue | 6 ++++++
 src/styles/global.scss                | 4 ++++
 3 files changed, 15 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 68535fe..1a76c3e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -164,7 +164,12 @@ footer {
 
 /* MOBILE VIEWS */
 
+
 @media screen and (max-width: $breakpointMd) {
+  #app {
+    font-size: calc(0.7rem + 0.75vw);
+  }
+
   main {
     display: flex;
     flex-direction: column;
diff --git a/src/components/NumberGeneratorTab.vue b/src/components/NumberGeneratorTab.vue
index eae85eb..04200ed 100644
--- a/src/components/NumberGeneratorTab.vue
+++ b/src/components/NumberGeneratorTab.vue
@@ -117,6 +117,12 @@ const randomizeTrainNumber = () => {
   }
 }
 
+@media screen and (max-width: $breakpointMd) {
+  .number-generator {
+    min-height: 100vh;
+  }
+}
+
 @media screen and (max-width: $breakpointSm) {
   .options select {
     width: 100%;
diff --git a/src/styles/global.scss b/src/styles/global.scss
index d8ae465..7888261 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -21,6 +21,10 @@ $accentColor: #e4c428;
     border-radius: 1rem;
     background: #777;
   }
+
+  &-corner {
+    background: #222;
+  }
 }
 
 body,