Update close feed button on rss feeds table to be consistent with other UI

client/components/tables/BackupsTable.vue

@@ -26,9 +26,9 @@
                 <span class="material-symbols text-2xl text-error">error_outline</span>
               </ui-tooltip>
 
-              <button aria-label="Download Backup" class="inline-flex material-symbols text-xl mx-1 mt-1 text-white/70 hover:text-white/100" @click.stop="downloadBackup(backup)">download</button>
+              <button aria-label="Download backup" class="inline-flex material-symbols text-xl mx-1 mt-1 text-white/70 hover:text-white/100" @click.stop="downloadBackup(backup)">download</button>
 
-              <button aria-label="Delete Backup" class="inline-flex material-symbols text-xl mx-1 text-white/70 hover:text-error" @click.stop="deleteBackupClick(backup)">delete</button>
+              <button aria-label="Delete backup" class="inline-flex material-symbols text-xl mx-1 text-white/70 hover:text-error" @click.stop="deleteBackupClick(backup)">delete</button>
             </div>
           </td>
         </tr>

client/pages/config/rss-feeds.vue

@@ -32,7 +32,7 @@
               <p class="truncate">{{ feed.meta.title }}</p>
             </td>
             <!--  -->
-            <td class="hidden xl:table-cell">
+            <td class="hidden xl:table-cell max-w-48">
               <p class="truncate">{{ feed.slug }}</p>
             </td>
             <!--  -->
@@ -57,7 +57,7 @@
             </td>
             <!--  -->
             <td class="text-center">
-              <ui-icon-btn icon="delete" class="mx-0.5" :size="7" bg-color="bg-error" outlined @click.stop="deleteFeedClick(feed)" />
+              <ui-icon-btn icon="delete" class="mx-0.5 text-white/70" borderless :size="7" iconFontSize="1.25rem" outlined @click.stop="deleteFeedClick(feed)" />
             </td>
           </tr>
         </table>