From 926e4ad5128d1b8c5bd6d018b8b49efb9128f44d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <dnalop.me@gmail.com>
Date: Sun, 22 Jan 2023 20:42:49 +0100
Subject: [PATCH] Apply custom styling to all tables

---
 src/styles/global.css | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 2209c08..63708e2 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -18,25 +18,41 @@ li > a {
   @apply hover:text-inherit focus:text-primary-content focus:bg-primary;
 }
 
-#snapshot-tracklist th,
-#snapshot-tracklist tr,
-#snapshot-tracklist td {
+a.tab {
+  @apply flex-nowrap whitespace-pre;
+}
+
+a.tab > i {
+  @apply mr-3;
+}
+
+table.datatable th,
+table.datatable tr,
+table.datatable td {
   @apply border-base-content border-opacity-20;
 }
 
-#snapshot-tracklist th {
+table.datatable th {
   @apply rounded-none;
 }
 
-#snapshot-tracklist tr {
+table.datatable tr {
   @apply border-b-[1px];
 }
 
-#snapshot-tracklist th,
-#snapshot-tracklist td {
+table.datatable th,
+table.datatable td {
   @apply border-r-[1px];
 }
 
+table.datatable thead {
+  @apply lg:table-header-group hidden;
+}
+
+table.datatable td {
+  @apply lg:table-cell flex justify-between;
+}
+
 .search-suggestion {
   @apply block p-3 text-inherit border-b-[1px] border-solid border-base-content border-opacity-20;
 }