From c13e6ad672d4876a84d44b5bef49b1a57dabd49c Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 23 Feb 2025 19:11:12 +0100
Subject: [PATCH] [web] Reposition item count in pages

---
 web-src/src/pages/PageAlbum.vue           |  8 ++++----
 web-src/src/pages/PageAlbumSpotify.vue    | 12 ++++++------
 web-src/src/pages/PageAudiobooksAlbum.vue | 16 ++++++++--------
 web-src/src/pages/PagePodcast.vue         |  8 ++++----
 4 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/web-src/src/pages/PageAlbum.vue b/web-src/src/pages/PageAlbum.vue
index da025b6a..b9f2636c 100644
--- a/web-src/src/pages/PageAlbum.vue
+++ b/web-src/src/pages/PageAlbum.vue
@@ -6,6 +6,10 @@
         <div class="subtitle is-6">
           <a @click="open_artist" v-text="album.artist" />
         </div>
+        <div
+          class="is-size-7 is-uppercase has-text-centered-mobile"
+          v-text="$t('page.album.track-count', { count: album.track_count })"
+        />
         <div class="buttons is-centered-mobile mt-5">
           <a class="button is-small is-rounded" @click="play">
             <mdicon class="icon" name="shuffle" size="16" />
@@ -29,10 +33,6 @@
         />
       </template>
       <template #content>
-        <div
-          class="is-size-7 is-uppercase has-text-centered-mobile my-5"
-          v-text="$t('page.album.track-count', { count: album.track_count })"
-        />
         <list-tracks :items="tracks" :uris="album.uri" />
         <modal-dialog-album
           :item="album"
diff --git a/web-src/src/pages/PageAlbumSpotify.vue b/web-src/src/pages/PageAlbumSpotify.vue
index 7661f50d..0924614c 100644
--- a/web-src/src/pages/PageAlbumSpotify.vue
+++ b/web-src/src/pages/PageAlbumSpotify.vue
@@ -6,6 +6,12 @@
         <div class="subtitle is-6">
           <a @click="open_artist" v-text="album.artists[0].name" />
         </div>
+        <div
+          class="is-size-7 is-uppercase has-text-centered-mobile"
+          v-text="
+            $t('page.spotify.album.track-count', { count: album.tracks.total })
+          "
+        />
         <div class="buttons is-centered-mobile mt-5">
           <a class="button is-small is-rounded" @click="play">
             <mdicon class="icon" name="shuffle" size="16" />
@@ -29,12 +35,6 @@
         />
       </template>
       <template #content>
-        <div
-          class="is-size-7 is-uppercase has-text-centered-mobile mt-5"
-          v-text="
-            $t('page.spotify.album.track-count', { count: album.tracks.total })
-          "
-        />
         <list-tracks-spotify :items="tracks" :context_uri="album.uri" />
         <modal-dialog-album-spotify
           :item="album"
diff --git a/web-src/src/pages/PageAudiobooksAlbum.vue b/web-src/src/pages/PageAudiobooksAlbum.vue
index b89d4d18..b10c40b3 100644
--- a/web-src/src/pages/PageAudiobooksAlbum.vue
+++ b/web-src/src/pages/PageAudiobooksAlbum.vue
@@ -6,6 +6,14 @@
         <div class="subtitle is-6">
           <a @click="open_artist" v-text="album.artist" />
         </div>
+        <div
+          class="is-size-7 is-uppercase has-text-centered-mobile"
+          v-text="
+            $t('page.audiobooks.album.track-count', {
+              count: album.track_count
+            })
+          "
+        />
         <div class="buttons is-centered-mobile mt-5">
           <a class="button is-small is-rounded" @click="play">
             <mdicon class="icon" name="play" size="16" />
@@ -29,14 +37,6 @@
         />
       </template>
       <template #content>
-        <div
-          class="is-size-7 is-uppercase has-text-centered-mobile mt-5"
-          v-text="
-            $t('page.audiobooks.album.track-count', {
-              count: album.track_count
-            })
-          "
-        />
         <list-tracks :items="tracks" :show_progress="true" :uris="album.uri" />
         <modal-dialog-album
           :item="album"
diff --git a/web-src/src/pages/PagePodcast.vue b/web-src/src/pages/PagePodcast.vue
index 1e096030..f4c6b261 100644
--- a/web-src/src/pages/PagePodcast.vue
+++ b/web-src/src/pages/PagePodcast.vue
@@ -6,6 +6,10 @@
         <div class="subtitle is-6">
           <br />
         </div>
+        <div
+          class="is-size-7 is-uppercase has-text-centered-mobile"
+          v-text="$t('page.podcast.track-count', { count: album.track_count })"
+        />
         <div class="buttons is-centered-mobile mt-5">
           <a class="button is-small is-rounded" @click="play">
             <mdicon class="icon" name="play" size="16" />
@@ -29,10 +33,6 @@
         />
       </template>
       <template #content>
-        <div
-          class="is-size-7 is-uppercase has-text-centered-mobile my-5"
-          v-text="$t('page.podcast.track-count', { count: album.track_count })"
-        />
         <list-tracks
           :items="tracks"
           :show_progress="true"