From 45582343b8c349bbae37c0b270ec3a86f2ecdc67 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 5 Mar 2022 10:23:30 -0600
Subject: [PATCH] Fix:Backups table UI

---
 client/components/tables/BackupsTable.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/components/tables/BackupsTable.vue b/client/components/tables/BackupsTable.vue
index 8d5cf11e..233c4db2 100644
--- a/client/components/tables/BackupsTable.vue
+++ b/client/components/tables/BackupsTable.vue
@@ -9,21 +9,21 @@
       <table id="backups">
         <tr>
           <th>File</th>
-          <th class="hidden sm:block w-32 md:w-56">Datetime</th>
-          <th class="hidden sm:block w-20 md:w-28">Size</th>
+          <th class="hidden sm:table-cell w-32 md:w-56">Datetime</th>
+          <th class="hidden sm:table-cell w-20 md:w-28">Size</th>
           <th class="w-36"></th>
         </tr>
         <tr v-for="backup in backups" :key="backup.id">
           <td>
             <p class="truncate text-xs sm:text-sm md:text-base">/{{ backup.path.replace(/\\/g, '/') }}</p>
           </td>
-          <td class="hidden sm:block font-sans text-base">{{ backup.datePretty }}</td>
-          <td class="hidden sm:block font-mono md:text-base text-xs">{{ $bytesPretty(backup.fileSize) }}</td>
+          <td class="hidden sm:table-cell font-sans text-base">{{ backup.datePretty }}</td>
+          <td class="hidden sm:table-cell font-mono md:text-base text-xs">{{ $bytesPretty(backup.fileSize) }}</td>
           <td>
             <div class="w-full flex flex-row items-center justify-center">
               <ui-btn small color="primary" @click="applyBackup(backup)">Apply</ui-btn>
 
-              <a :href="`/metadata/${backup.path.replace(/%/g, '%25').replace(/#/g, '%23')}?token=${userToken}`" class="mx-1 pt-0.5 hover:text-opacity-100 text-opacity-70 text-white" download><span class="material-icons text-xl">download</span></a>
+              <a :href="`/metadata/${backup.path.replace(/%/g, '%25').replace(/#/g, '%23')}?token=${userToken}`" class="mx-1 pt-1 hover:text-opacity-100 text-opacity-70 text-white" download><span class="material-icons text-xl">download</span></a>
 
               <span class="material-icons text-xl hover:text-error hover:text-opacity-100 text-opacity-70 text-white cursor-pointer mx-1" @click="deleteBackupClick(backup)">delete</span>
             </div>