From f894d3fde57f99a1363141fc4a50317b69fa9329 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 24 Jul 2023 02:52:33 +0200
Subject: [PATCH] fixed lastfm width issue

---
 src/components/NavBar.svelte     | 23 +++++++++++++++++++++--
 src/routes/projects/+page.svelte |  2 +-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte
index 25c9aae..e1861e9 100644
--- a/src/components/NavBar.svelte
+++ b/src/components/NavBar.svelte
@@ -49,7 +49,8 @@
   </div>
 
 </div>
-<TooSmallDimsOverlay />
+<div class="unsupported"><TooSmallDimsOverlay /></div>
+
 
 
 <script>
@@ -295,7 +296,7 @@
       right: 3px;
       top: 3.5px;
       border-radius: 5px;
-      max-width:300px;
+      width:300px;
       height: 43px;
       overflow: hidden;
     }
@@ -348,10 +349,22 @@
       z-index: 1;
     }
 
+    .unsupported {
+      display: block;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+    z-index: 9999;
+    }
+
     @media only screen and (max-width: 900px) and (min-width: 650px) {
       .lastfm #lastfm_title, .lastfm #lastfm_artist {
         display: none;
       }
+      .lastfm {
+        width: 50px;
+      }
       .navigation-menu {
         display: none;
       }
@@ -376,6 +389,9 @@
       .lastfm #lastfm_title, .lastfm #lastfm_artist {
         display: none;
       }
+      .lastfm {
+        width: 50px;
+      }
       .nav-links {
         display: none;
       }
@@ -391,6 +407,9 @@
       .lastfm #lastfm_title, .lastfm #lastfm_artist {
         display: none;
       }
+      .lastfm {
+        width: 50px;
+      }
       .nav-links {
         display: none;
       }
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index 36d9780..9baffa0 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -1,7 +1,7 @@
 <script script lang="ts" async>
     import { select_option } from "svelte/internal";
     import FontAwesome from "../../components/FontAwesome.svelte";
-import Footer from "../../components/Footer.svelte";
+    import Footer from "../../components/Footer.svelte";
     import NavBar from "../../components/NavBar.svelte";
     import ParallaxBg from "../../components/ParallaxBg.svelte";
     import Padding from "../../components/padding.svelte";