From f712669013ea293a8922c99205bfe55cb744e5ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcos=20Pe=C3=B1a?= <devilcius@gmail.com>
Date: Thu, 25 Mar 2021 20:11:33 +0100
Subject: [PATCH] Improves album's year placement (#1366)

Better consistency between different views
---
 front/src/components/audio/album/Card.vue  |  6 ++----
 front/src/components/library/AlbumBase.vue | 11 ++++-------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index d1952e5dd..1fb6dc49b 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -16,13 +16,11 @@
           <router-link class="discrete link" :to="{name: 'library.artists.detail', params: {id: album.artist.id}}">
             {{ album.artist.name }}
           </router-link>
-        </span>
-        <div v-if="album.release_date">
-          {{ album.release_date | moment('Y') }}
-        </div>         
+        </span>       
       </div>
     </div>
     <div class="extra content">
+      <span v-if="album.release_date">{{ album.release_date | moment('Y') }} · </span>
       <translate translate-context="*/*/*" :translate-params="{count: album.tracks_count}" :translate-n="album.tracks_count" translate-plural="%{ count } tracks">%{ count } track</translate>
       <play-button class="right floated basic icon" :dropdown-only="true" :is-playable="album.is_playable" :dropdown-icon-classes="['ellipsis', 'horizontal', 'large really discrete']" :album="album"></play-button>
     </div>
diff --git a/front/src/components/library/AlbumBase.vue b/front/src/components/library/AlbumBase.vue
index 370d9ad25..26b1f2171 100644
--- a/front/src/components/library/AlbumBase.vue
+++ b/front/src/components/library/AlbumBase.vue
@@ -58,16 +58,13 @@
               <div class="ui hidden divider"></div>
               <header>
                 <h2 class="ui header" :title="object.title">
-                  {{ object.title }}
-                  <span class="ui sub header" v-if="object.release_date">
-                    {{ object.release_date | moment('Y') }}
-                  </span>                   
+                  {{ object.title }}              
                 </h2>
                 <artist-label class="rounded" :artist="artist"></artist-label>
               </header>
-              <div class="ui small hidden divider"></div>
-              <template v-if="totalTracks > 0">
-                <div class="ui hidden very small divider"></div>
+              <div v-if="object.release_date || (totalTracks > 0)" class="ui small hidden divider"></div>                                           
+              <span v-if="object.release_date">{{ object.release_date | moment('Y') }} · </span>
+              <template v-if="totalTracks > 0">                
                 <translate key="1" v-if="isSerie" translate-context="Content/Channel/Paragraph"
                   translate-plural="%{ count } episodes"
                   :translate-n="totalTracks"