From 7bf9401991c1324c77a8f19519922dd0df52b28e Mon Sep 17 00:00:00 2001
From: maciejpedzich <contact@maciejpedzi.ch>
Date: Tue, 12 Jul 2022 23:07:38 +0200
Subject: [PATCH] Remove custom datatable component styling

---
 .../[playlistId]/snapshots/show/[commitSha].vue      | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue b/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
index 5ee042c..52d03c4 100644
--- a/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
+++ b/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
@@ -31,7 +31,7 @@ const humanizeNumber = (num: number) => numberFormatter.format(num);
 </script>
 
 <template>
-  <div class="w-full">
+  <div>
     <p v-if="error">Something went wrong while fetching this snapshot</p>
     <template v-else-if="snapshot">
       <div class="text-lg text-center flex flex-column align-items-center">
@@ -68,12 +68,6 @@ const humanizeNumber = (num: number) => numberFormatter.format(num);
   list-style: disc;
 }
 
-:deep(div.p-datatable) {
-  width: 100%;
-  margin: 2rem 0 3rem 0;
-  padding: 0 1rem;
-}
-
 @media screen and (min-width: 768px) {
   #snapshot-meta > li {
     float: left;
@@ -84,9 +78,5 @@ const humanizeNumber = (num: number) => numberFormatter.format(num);
     margin-left: 0;
     list-style: none;
   }
-
-  :deep(div.p-datatable) {
-    padding: 0 8rem;
-  }
 }
 </style>