From 8d501f9ef12cf4a97c678145f92ba96b25909687 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sat, 9 Dec 2023 10:49:15 +0100
Subject: [PATCH] [web] Streamline usage of styles

---
 web-src/src/components/ListAlbums.vue           | 9 +++++----
 web-src/src/components/ListItemAlbumSpotify.vue | 9 +++++----
 web-src/src/components/ListItemQueueItem.vue    | 7 +++----
 web-src/src/components/ListTracks.vue           | 5 ++++-
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/web-src/src/components/ListAlbums.vue b/web-src/src/components/ListAlbums.vue
index 58cdb3e2..117003cc 100644
--- a/web-src/src/components/ListAlbums.vue
+++ b/web-src/src/components/ListAlbums.vue
@@ -23,12 +23,13 @@
       <div class="media-content is-clickable is-clipped">
         <div>
           <h1 class="title is-6" v-text="album.item.name" />
-          <h2 class="subtitle is-7 has-text-grey">
-            <b v-text="album.item.artist" />
-          </h2>
+          <h2
+            class="subtitle is-7 has-text-grey has-text-weight-bold"
+            v-text="album.item.artist"
+          />
           <h2
             v-if="album.item.date_released && album.item.media_kind === 'music'"
-            class="subtitle is-7 has-text-grey has-text-weight-normal"
+            class="subtitle is-7 has-text-grey"
             v-text="$filters.date(album.item.date_released)"
           />
         </div>
diff --git a/web-src/src/components/ListItemAlbumSpotify.vue b/web-src/src/components/ListItemAlbumSpotify.vue
index 8a157cb2..b3bfc54b 100644
--- a/web-src/src/components/ListItemAlbumSpotify.vue
+++ b/web-src/src/components/ListItemAlbumSpotify.vue
@@ -5,11 +5,12 @@
     </div>
     <div class="media-content is-clickable is-clipped">
       <h1 class="title is-6" v-text="album.name" />
-      <h2 class="subtitle is-7 has-text-grey">
-        <b v-text="album.artists[0].name" />
-      </h2>
       <h2
-        class="subtitle is-7 has-text-grey has-text-weight-normal"
+        class="subtitle is-7 has-text-grey has-text-weight-bold"
+        v-text="album.artists[0].name"
+      />
+      <h2
+        class="subtitle is-7 has-text-grey"
         v-text="
           [album.album_type, $filters.date(album.release_date)].join(', ')
         "
diff --git a/web-src/src/components/ListItemQueueItem.vue b/web-src/src/components/ListItemQueueItem.vue
index f8808e7f..7309158f 100644
--- a/web-src/src/components/ListItemQueueItem.vue
+++ b/web-src/src/components/ListItemQueueItem.vue
@@ -20,15 +20,14 @@
         v-text="item.title"
       />
       <h2
-        class="subtitle is-7"
+        class="subtitle is-7 has-text-weight-bold"
         :class="{
           'has-text-primary': item.id === state.item_id,
           'has-text-grey-light': !is_next,
           'has-text-grey': is_next && item.id !== state.item_id
         }"
-      >
-        <b v-text="item.artist" />
-      </h2>
+        v-text="item.artist"
+      />
       <h2
         class="subtitle is-7"
         :class="{
diff --git a/web-src/src/components/ListTracks.vue b/web-src/src/components/ListTracks.vue
index 24362515..76bc6a11 100644
--- a/web-src/src/components/ListTracks.vue
+++ b/web-src/src/components/ListTracks.vue
@@ -25,7 +25,10 @@
           }"
           v-text="track.item.title"
         />
-        <h2 class="subtitle is-7 has-text-grey" v-text="track.item.artist" />
+        <h2
+          class="subtitle is-7 has-text-grey has-text-weight-bold"
+          v-text="track.item.artist"
+        />
         <h2 class="subtitle is-7 has-text-grey" v-text="track.item.album" />
         <progress-bar
           v-if="show_progress"