Make usable for 320px wide devices

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;

src/lib/Footer.svelte

@@ -17,8 +17,9 @@ 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>
+      </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>