From 046ea81f1b202dcb9ea81e48bd32be31db4788b6 Mon Sep 17 00:00:00 2001
From: Marco Realacci <marco@marcorealacci.me>
Date: Fri, 29 Sep 2023 03:18:51 +0200
Subject: [PATCH] Fix mobile scrollbar

---
 src/App.vue         | 10 +++++++++-
 src/assets/base.css |  5 ++++-
 src/assets/main.css |  2 +-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index eae57c6..e6e6efd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -72,7 +72,7 @@ onMounted(() => {
     </div>
   </main>
   <foooer class="footer">
-    <a href="https://quicwg.org" target="_blank">Cool, but what the hell is QUIC?</a> | Powered by <a
+    <a href="https://quicwg.org" target="_blank">Cool, but what the hell is QUIC?</a><br />Powered by <a
       style="text-decoration: underline" href="https://github.com/notherealmarco/vue-quic-test"
       target="_blank">vue-quic-test</a>
   </foooer>
@@ -129,5 +129,13 @@ h1 {
   .logo {
     margin: 0 2rem 0 0;
   }
+
+  h1 {
+    font-size: 2.2rem;
+  }
+
+  .bottom-text {
+    font-size: 1.15rem;
+  }
 }
 </style>
diff --git a/src/assets/base.css b/src/assets/base.css
index 8816868..4c19e03 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -58,8 +58,11 @@
   font-weight: normal;
 }
 
+html, body {
+  height: 100%;
+}
+
 body {
-  min-height: 100vh;
   color: var(--color-text);
   background: var(--color-background);
   transition:
diff --git a/src/assets/main.css b/src/assets/main.css
index 4cadb11..6a96133 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,6 +1,6 @@
 @import './base.css';
 
-body{
+body {
   display: flex;
   place-items: center;
 }