From ad1b0fdeb80c51fa0411f27612881f0071575886 Mon Sep 17 00:00:00 2001
From: Webifi <john@webifi.com>
Date: Thu, 1 Jun 2023 13:59:34 -0500
Subject: [PATCH] Make usable for 320px wide devices

---
 src/app.scss          | 8 ++++++++
 src/lib/Footer.svelte | 5 +++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index 25dc9eb..dead100 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -429,6 +429,14 @@ aside.menu.main-menu .menu-expanse {
     }
   }
 }
+@media only screen and (max-width: 340px) {
+  .section-footer {
+    .author {
+      display: none;
+    }
+  }
+}
+
 
 .content.running-total-container {
   min-height:1em;
diff --git a/src/lib/Footer.svelte b/src/lib/Footer.svelte
index f33fc07..9818802 100644
--- a/src/lib/Footer.svelte
+++ b/src/lib/Footer.svelte
@@ -17,9 +17,10 @@ export { classes as class }
   <div class="content has-text-centered credit-footer">
     <p>
       <strong>ChatGPT-web</strong>
-      by
+      <span class="author">by
       <a target="_blank" href="https://niekvandermaas.nl/">Niek van der Maas</a>
-      <a target="_blank"class="ml-4" href="https://github.com/Niek/chatgpt-web"><span style="position:absolute" class="icon default-text"><Fa size="2x" icon="{faGithub}"/></span></a>
+      </span>
+      <a target="_blank" class="ml-4" href="https://github.com/Niek/chatgpt-web"><span style="position:absolute" class="icon default-text"><Fa size="2x" icon="{faGithub}"/></span></a>
       <span style="display:inline-block;width:30px;height:20px;"></span>
     </p>
   </div>