From 5bc0eaf8e69ea083987d56f93fb79337473d08c8 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Sat, 2 Jul 2022 12:53:41 +0300
Subject: [PATCH] remove songlist table header

---
 src/components/FolderView/SongList.vue | 48 --------------------------
 src/components/shared/SongItem.vue     |  4 +--
 2 files changed, 2 insertions(+), 50 deletions(-)

diff --git a/src/components/FolderView/SongList.vue b/src/components/FolderView/SongList.vue
index 9a5d95ac..88d0f962 100644
--- a/src/components/FolderView/SongList.vue
+++ b/src/components/FolderView/SongList.vue
@@ -1,13 +1,6 @@
 <template>
   <div class="folder">
     <div class="table rounded" v-if="tracks.length">
-      <div class="thead">
-        <div class="index"></div>
-        <div class="track-header">Track</div>
-        <div class="artists-header">Artist</div>
-        <div class="album-header">Album</div>
-        <div class="duration-header">Duration</div>
-      </div>
       <div class="songlist">
         <SongItem
           v-for="track in getTracks()"
@@ -116,47 +109,6 @@ function getTracks() {
     }
   }
 
-  .thead {
-    display: grid;
-    grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr 0.25fr;
-    height: 2.5rem;
-    align-items: center;
-    text-transform: uppercase;
-    font-weight: bold;
-    color: $gray1;
-    gap: $small;
-
-    @include tablet-landscape {
-      grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr;
-    }
-
-    @include tablet-portrait {
-      grid-template-columns: 1.5rem 1.5fr 1fr;
-    }
-
-    @include phone-only {
-      display: none;
-    }
-
-    .duration-header {
-      @include tablet-landscape {
-        display: none;
-      }
-
-      width: 6rem;
-    }
-
-    .album-header {
-      @include tablet-portrait {
-        display: none;
-      }
-    }
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
   .songlist {
     scrollbar-width: none;
     &::-webkit-scrollbar {
diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue
index 8d2d63a7..211b207a 100644
--- a/src/components/shared/SongItem.vue
+++ b/src/components/shared/SongItem.vue
@@ -122,7 +122,7 @@ function emitUpdate(track: Track) {
 .songlist-item {
   display: grid;
   align-items: center;
-  grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr 0.25fr 2.5rem;
+  grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr 2rem 2.5rem;
   height: 3.75rem;
   text-align: left;
   gap: $small;
@@ -192,7 +192,7 @@ function emitUpdate(track: Track) {
     font-size: 0.9rem;
     width: 5rem !important;
 
-    text-align: right;
+    text-align: left;
   }
 
   .options-icon {