From c5cf6ac3c202c0a5773ea7bdd88668e92d88dc17 Mon Sep 17 00:00:00 2001
From: JuLi0n21 <julianschlueterbusiness21@gmail.com>
Date: Thu, 17 Jul 2025 20:29:33 +0200
Subject: [PATCH] small css updates

---
 frontend/src/components/CollectionItem.vue | 2 +-
 frontend/src/components/SongItem.vue       | 2 +-
 frontend/src/views/MeView.vue              | 2 +-
 frontend/src/views/MenuView.vue            | 2 +-
 frontend/src/views/RecentView.vue          | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/CollectionItem.vue b/frontend/src/components/CollectionItem.vue
index a2856f9..ffa7965 100644
--- a/frontend/src/components/CollectionItem.vue
+++ b/frontend/src/components/CollectionItem.vue
@@ -90,7 +90,7 @@ onBeforeUnmount(() => {
       </div>
     </header>
     <div
-      class="flex-1 flex-col  overflow-y-scroll coll-container"
+      class="flex-1 flex-col  overflow-y-scroll coll-container justify-start"
     >
       <SongItem v-for="(song, index) in songs" :key="index" :song="song" />
     </div>
diff --git a/frontend/src/components/SongItem.vue b/frontend/src/components/SongItem.vue
index c79bf12..646a686 100644
--- a/frontend/src/components/SongItem.vue
+++ b/frontend/src/components/SongItem.vue
@@ -24,7 +24,7 @@ function updateSong() {
     <img class="h-14 w-14 md:w-24 md:h-24 m-1 rounded-lg"
       :src="encodeURI(props.song?.previewimage ? props.song?.previewimage + '?h=56&w=56' : '/default-bg.png')"
       loading="lazy" />
-    <div class="flex flex-col overflow-hidden">
+    <div class="flex flex-col overflow-hidden text-left">
       <p :style="{ color: info }" class="text-nowrap text-ellipsis overflow-hidden text-base info">
         <slot name="songName">{{ props.song?.name ? props.song?.name : 'Unknown Title' }}</slot>
       </p>
diff --git a/frontend/src/views/MeView.vue b/frontend/src/views/MeView.vue
index 9c6af3a..a441851 100644
--- a/frontend/src/views/MeView.vue
+++ b/frontend/src/views/MeView.vue
@@ -83,7 +83,7 @@ function reset() {
   </header>
 
   <main class="flex-1 flex flex-col h-full overflow-y-scroll">
-    <input @change="update" type="text" id="url-input" :value="userStore.baseUrl.value" disabled />
+    <input @change="update" type="text" id="url-input" :value="userStore.user.value?.endpoint" disabled />
     <br>
     <button v-if="!userStore.user.value" @click="getMe" class="border bordercolor rounded-lg p-0.5">{{ loginStatus }}</button>
     <div v-if="userStore.user.value" class="flex p-5 justify-between">
diff --git a/frontend/src/views/MenuView.vue b/frontend/src/views/MenuView.vue
index ade0ba5..e120a62 100644
--- a/frontend/src/views/MenuView.vue
+++ b/frontend/src/views/MenuView.vue
@@ -13,7 +13,7 @@ function isActive(path: string) {
   <main class="flex-1 flex flex-col h-full overflow-y-scroll md:overflow-hidden">
     <header v-show="true">
       <div class="wrapper">
-        <nav class="flex justify-start my-2 mx-1 space-x-1 overflow-y-scroll flex-nowrap text-nowrap">
+        <nav class="flex justify-start my-2 mx-1 space-x-1 overflow-y-auto overflow-x-auto flex-nowrap text-nowrap">
           <RouterLink class="p-1 rounded-full backdrop--light shadow-xl" to="/"><i class="fa-solid fa-arrow-left"></i>
           </RouterLink>
           <RouterLink :class="`p-1 rounded-full backdrop--light shadow-xl ${isActive('/')}`" to="/menu/recent">Recently
diff --git a/frontend/src/views/RecentView.vue b/frontend/src/views/RecentView.vue
index 01841b2..782dd0b 100644
--- a/frontend/src/views/RecentView.vue
+++ b/frontend/src/views/RecentView.vue
@@ -69,7 +69,7 @@ onMounted(async () => {
 <template>
     <div
       ref="containerRef"
-      class="flex-1 flex-col  overflow-y-scroll song-container"
+      class="flex-1 flex-col overflow-y-scroll song-container"
     >
       <SongItem v-for="(song, index) in songs" :key="index" :song="song" />
     </div>