fix ui

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;

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;
 }

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) {