From 6e20f63f0912480031395bdecaf80e2eb3cd5800 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@posteo.net>
Date: Fri, 22 Mar 2019 09:41:35 +0100
Subject: [PATCH] Resolve "Show 'description' of libraries in card"

---
 changes/changelog.d/768.enhancement        | 1 +
 front/src/style/_main.scss                 | 4 ++++
 front/src/views/content/libraries/Card.vue | 1 +
 front/src/views/content/remote/Card.vue    | 4 ++++
 4 files changed, 10 insertions(+)
 create mode 100644 changes/changelog.d/768.enhancement

diff --git a/changes/changelog.d/768.enhancement b/changes/changelog.d/768.enhancement
new file mode 100644
index 000000000..4d0ab83e5
--- /dev/null
+++ b/changes/changelog.d/768.enhancement
@@ -0,0 +1 @@
+Descriptions will now be shown underneath user libraries (#768)
\ No newline at end of file
diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss
index 38705d250..e436dc337 100644
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@@ -326,3 +326,7 @@ td.align.right {
     margin-left: 1em;
   }
 }
+
+.card .description {
+  word-wrap: break-word;
+}
diff --git a/front/src/views/content/libraries/Card.vue b/front/src/views/content/libraries/Card.vue
index bd940083e..4e1b497df 100644
--- a/front/src/views/content/libraries/Card.vue
+++ b/front/src/views/content/libraries/Card.vue
@@ -29,6 +29,7 @@
         </span>
       </div>
       <div class="description">
+        {{ library.description }}
         <div class="ui hidden divider"></div>
       </div>
       <div class="content">
diff --git a/front/src/views/content/remote/Card.vue b/front/src/views/content/remote/Card.vue
index 7c3637e4d..1309b2f2b 100644
--- a/front/src/views/content/remote/Card.vue
+++ b/front/src/views/content/remote/Card.vue
@@ -22,6 +22,10 @@
           <human-date :date="library.creation_date" />
         </span>
       </div>
+      <div class="description">
+        {{ library.description }}
+        <div class="ui hidden divider"></div>
+      </div>
       <div class="meta">
         <i class="music icon"></i>
         <translate translate-context="*/*/*" :translate-params="{count: library.uploads_count}" :translate-n="library.uploads_count" translate-plural="%{ count } tracks">%{ count } track</translate>