From 493ef0931e6a1870b7b508f121da8b5326f21ea9 Mon Sep 17 00:00:00 2001
From: Rodrigo Leite <rodrigo@leite.dev>
Date: Thu, 22 Aug 2019 10:45:16 +0200
Subject: [PATCH] Make album cards independent

---
 changes/changelog.d/710.make-album-cards-independent | 1 +
 front/src/components/audio/album/Card.vue            | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 changes/changelog.d/710.make-album-cards-independent

diff --git a/changes/changelog.d/710.make-album-cards-independent b/changes/changelog.d/710.make-album-cards-independent
new file mode 100644
index 000000000..49cfd4248
--- /dev/null
+++ b/changes/changelog.d/710.make-album-cards-independent
@@ -0,0 +1 @@
+Make album cards height independent (#710)
diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index 1012cc578..702083824 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="ui card">
+    <div :class="['ui', 'card', mode]">
       <div class="content">
         <div class="right floated tiny ui image">
           <img v-if="album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](album.cover.square_crop)">
@@ -138,4 +138,8 @@ tr {
 .expand {
   cursor: pointer;
 }
+
+.ui .card.rich {
+  align-self: flex-start;
+}
 </style>