From b01ea2a77a94a98054ff42ac20be94e5edf378e0 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 26 Feb 2018 21:31:39 +0100
Subject: [PATCH] Fixed #65: truncated play icon

---
 CHANGELOG                                 | 1 +
 front/src/components/audio/album/Card.vue | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG b/CHANGELOG
index 42b149c37..1f2dd97b7 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -9,6 +9,7 @@ Changelog
 - Fixed really small size on small screens
 - Added masonry layout for artists, requests and radios (#68)
 - We now have a favicon!
+- Fixed truncated play icon (#65)
 
 
 0.5.1 (2018-02-24)
diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index 45e50f897..ea42f06a8 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -17,7 +17,7 @@
           <table class="ui very basic fixed single line compact unstackable table">
             <tbody>
               <tr v-for="track in tracks">
-                <td>
+                <td class="play-cell">
                   <play-button class="basic icon" :track="track" :discrete="true"></play-button>
                 </td>
                 <td colspan="6">
@@ -85,6 +85,9 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
 
+table.fixed td.play-cell {
+  overflow: auto;
+}
 tr {
   .favorite-icon:not(.favorited) {
     display: none;