Added Apple-like Play and Shuffle icons to the list view

src/renderer/style.less

@@ -1969,6 +1969,31 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   }
 }
 
+.md-ico-play {
+  content:url("./assets/playPng.png");
+  width: 10px;
+  height: 12px; 
+  margin-right: 1px;
+  align-self: center;
+}
+
+.md-ico-shuffle {
+  content:url("./assets/shufflePng.png");
+  width: 15px;
+  height: 13px; 
+  margin-right: 1px;
+  align-self: center;
+}
+
+.md-ico-remove {
+  content:url("./assets/feather/x-circlePng.png");
+  width: 16px;
+  height: 16px; 
+  margin-right: 1px;
+  margin-bottom: -1.5px;
+  align-self: center;
+}
+
 .md-select {
   width: 100%;
   padding: 6px;

src/renderer/views/pages/cider-playlist.ejs

@@ -59,20 +59,20 @@
                         </div>
                     </template>
                     <div class="playlist-controls">
-                        <button class="md-btn" style="min-width: 120px;"
+                        <button class="md-btn" style="min-width: 100px;"
-                                @click="app.mk.shuffleMode = 0; play()">
+                                 @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
                             Play
                         </button>
-                        <button class="md-btn" style="min-width: 120px;"
+                        <button class="md-btn" style="min-width: 100px;"
-                                @click="app.mk.shuffleMode = 1;play()">
+                                @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
                             Shuffle
                         </button>
-                        <button class="md-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
+                        <button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
-                                @click="confirmButton()">
+                                @click="confirmButton()"> <img class="md-ico-remove">
                             {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                         </button>
                         <button class="md-btn" style="min-width: 120px;" v-if="confirm==true"
-                                @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) ">
+                                @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) "> <img class="md-ico-remove">
                             Confirm?
                         </button>
                         <button class="playlist-more" @click="menu">