From c407a789915d631d69161b746ee0d96a75dd1dbc Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Sat, 18 Apr 2026 11:56:57 -0400
Subject: [PATCH] fix ui

---
 src/components/browser-data/BookmarksList.vue | 20 +++++++++++++----
 .../browser-data/ExtensionsList.vue           | 22 ++++++++++++++-----
 .../browser-data/HistoryCleanupList.vue       | 10 +++++++--
 3 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/src/components/browser-data/BookmarksList.vue b/src/components/browser-data/BookmarksList.vue
index 0b90a2f..de8216b 100644
--- a/src/components/browser-data/BookmarksList.vue
+++ b/src/components/browser-data/BookmarksList.vue
@@ -50,7 +50,7 @@ function isSelected(url: string) {
           <span>全选</span>
         </label>
         <button
-          class="danger-button"
+          class="danger-button toolbar-danger-button"
           type="button"
           :disabled="!selectedBookmarkUrls.length || deleteBusy"
           @click="emit('deleteSelected')"
@@ -294,13 +294,20 @@ function isSelected(url: string) {
   gap: 10px;
   width: fit-content;
   min-width: 120px;
-  padding: 7px 10px;
-  border-radius: 12px;
+  padding: 5px 10px;
+  border-radius: 10px;
   background: rgba(241, 245, 249, 0.9);
   color: var(--badge-text);
+  font-size: 0.8rem;
   cursor: pointer;
 }
 
+.disclosure-button .badge {
+  min-width: 24px;
+  padding: 4px 8px;
+  font-size: 0.76rem;
+}
+
 .actions-cell {
   display: flex;
   justify-content: flex-end;
@@ -313,11 +320,16 @@ function isSelected(url: string) {
 }
 
 .inline-danger-button {
-  padding: 6px 10px;
+  padding: 5px 10px;
   border-radius: 10px;
   font-size: 0.8rem;
 }
 
+.toolbar-danger-button {
+  padding: 6px 10px;
+  border-radius: 10px;
+}
+
 @media (max-width: 900px) {
   .bookmarks-grid {
     grid-template-columns: 52px minmax(160px, 0.9fr) minmax(200px, 1fr) 236px;
diff --git a/src/components/browser-data/ExtensionsList.vue b/src/components/browser-data/ExtensionsList.vue
index deb7f5f..7117933 100644
--- a/src/components/browser-data/ExtensionsList.vue
+++ b/src/components/browser-data/ExtensionsList.vue
@@ -50,7 +50,7 @@ function isSelected(extensionId: string) {
           <span>全选</span>
         </label>
         <button
-          class="danger-button"
+          class="danger-button toolbar-danger-button"
           type="button"
           :disabled="!selectedExtensionIds.length || deleteBusy"
           @click="emit('deleteSelected')"
@@ -322,13 +322,20 @@ function isSelected(extensionId: string) {
   gap: 10px;
   width: fit-content;
   min-width: 120px;
-  padding: 7px 10px;
-  border-radius: 12px;
+  padding: 5px 10px;
+  border-radius: 10px;
   background: rgba(241, 245, 249, 0.9);
   color: var(--badge-text);
+  font-size: 0.8rem;
   cursor: pointer;
 }
 
+.disclosure-button .badge {
+  min-width: 24px;
+  padding: 4px 8px;
+  font-size: 0.76rem;
+}
+
 .actions-cell {
   display: flex;
   justify-content: flex-end;
@@ -341,11 +348,16 @@ function isSelected(extensionId: string) {
 }
 
 .inline-danger-button {
-  padding: 7px 10px;
-  border-radius: 12px;
+  padding: 5px 10px;
+  border-radius: 10px;
   font-size: 0.8rem;
 }
 
+.toolbar-danger-button {
+  padding: 6px 10px;
+  border-radius: 10px;
+}
+
 .icon-cell {
   padding-left: 4px;
 }
diff --git a/src/components/browser-data/HistoryCleanupList.vue b/src/components/browser-data/HistoryCleanupList.vue
index a529927..f7d4919 100644
--- a/src/components/browser-data/HistoryCleanupList.vue
+++ b/src/components/browser-data/HistoryCleanupList.vue
@@ -88,7 +88,7 @@ function cleanupItems(profile: ProfileSummary) {
           <span>全选</span>
         </label>
         <button
-          class="danger-button"
+          class="danger-button toolbar-danger-button"
           type="button"
           :disabled="!selectedProfileIds.length || cleanupBusy"
           @click="emit('cleanupSelected')"
@@ -418,7 +418,13 @@ function cleanupItems(profile: ProfileSummary) {
 }
 
 .action-button {
-  padding-inline: 12px;
+  padding: 5px 10px;
+  border-radius: 10px;
+}
+
+.toolbar-danger-button {
+  padding: 6px 10px;
+  border-radius: 10px;
 }
 
 @media (max-width: 900px) {