From d1c21fa86da54cdfb2c19d255cbbf46efe95deea Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Wed, 22 Jan 2025 13:30:15 +0100
Subject: [PATCH] fix(front): make styles of album list, album detail and album
 card consistent

---
 front/src/components/album/Card.vue        | 3 ---
 front/src/components/library/AlbumBase.vue | 1 +
 front/src/components/library/Albums.vue    | 2 +-
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/front/src/components/album/Card.vue b/front/src/components/album/Card.vue
index 35f57e317..0c7f960e2 100644
--- a/front/src/components/album/Card.vue
+++ b/front/src/components/album/Card.vue
@@ -50,9 +50,6 @@ const imageUrl = computed(() => props.album.cover?.urls.original
     :tags="album.tags"
     :to="{name: 'library.albums.detail', params: {id: album.id}}"
   >
-    <template #image v-if="!props.album.cover?.urls.original" style="background-color: gray;">
-      <i class="bi bi-vinyl-fill" style="font-size: 225px;"/>
-    </template>
     <template
       v-for="ac in album.artist_credit"
       :key="ac.artist.id"
diff --git a/front/src/components/library/AlbumBase.vue b/front/src/components/library/AlbumBase.vue
index ef138c003..04edb11f1 100644
--- a/front/src/components/library/AlbumBase.vue
+++ b/front/src/components/library/AlbumBase.vue
@@ -20,6 +20,7 @@ import Layout from '~/components/ui/Layout.vue'
 import Spacer from '~/components/ui/Spacer.vue'
 import Loader from '~/components/ui/Loader.vue'
 import Button from '~/components/ui/Button.vue'
+import HumanDuration from '~/components/common/HumanDuration.vue'
 
 import useErrorHandler from '~/composables/useErrorHandler'
 import useLogger from '~/composables/useLogger'
diff --git a/front/src/components/library/Albums.vue b/front/src/components/library/Albums.vue
index 94cd8a18e..9dccab345 100644
--- a/front/src/components/library/Albums.vue
+++ b/front/src/components/library/Albums.vue
@@ -189,8 +189,8 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
           </option>
         </select>
       </Layout>
-      <Spacer />
       <Loader v-if="isLoading"/>
+      <Spacer />
       <Layout grid
         v-if="result && result.results.length > 0"
         style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;"