From 948a2b0f1f045ac25eb8bf472cb44f2a6d409364 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 9 May 2019 10:20:58 +0200
Subject: [PATCH] Added list corner icon to trash icon in player controls to
 make it's function more obvious

---
 front/src/components/audio/Player.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 0ad8fe7c6..e6ad4e5a8 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -198,7 +198,11 @@
           v-if="!showVolume"
           @click.prevent.stop="clean()"
           class="two wide column control">
-          <i :class="['ui', 'trash', 'secondary', {'disabled': queue.tracks.length === 0}, 'icon']" ></i>
+          <i class="icons">
+
+            <i :class="['ui', 'trash', 'secondary', {'disabled': queue.tracks.length === 0}, 'icon']" ></i>
+            <i :class="['ui corner large inverted', 'list', {'disabled': queue.tracks.length === 0}, 'icon']" ></i>
+          </i>
         </span>
       </div>
       <GlobalEvents
@@ -921,4 +925,8 @@ export default {
   animation-timing-function: linear;
   animation-iteration-count: infinite;
 }
+i.icons .corner.icon {
+  font-size: 1em;
+  right: -0.3em;
+}
 </style>