From 416fd0aed6a267d771ac619c724345326cadd106 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Fri, 4 Oct 2024 06:30:55 -0400
Subject: [PATCH] Restyle action bar (#1098)

---
 src/components/appMenu/AppMenu.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/appMenu/AppMenu.vue b/src/components/appMenu/AppMenu.vue
index acc536861e..f82b9518dc 100644
--- a/src/components/appMenu/AppMenu.vue
+++ b/src/components/appMenu/AppMenu.vue
@@ -30,12 +30,13 @@
           </template>
         </SplitButton>
         <BatchCountEdit />
-        <ButtonGroup class="execution-actions ml-2 flex flex-nowrap">
+        <ButtonGroup class="execution-actions flex flex-nowrap">
           <Button
             v-tooltip.bottom="$t('menu.interrupt')"
             icon="pi pi-times"
             :severity="executingPrompt ? 'danger' : 'secondary'"
             :disabled="!executingPrompt"
+            text
             @click="() => commandStore.getCommandFunction('Comfy.Interrupt')()"
           >
           </Button>
@@ -44,18 +45,20 @@
             icon="pi pi-stop"
             :severity="hasPendingTasks ? 'danger' : 'secondary'"
             :disabled="!hasPendingTasks"
+            text
             @click="
               () => commandStore.getCommandFunction('Comfy.ClearPendingTasks')()
             "
           />
         </ButtonGroup>
       </div>
-      <Divider layout="vertical" class="mx-2" />
+      <Divider layout="vertical" class="mx-1" />
       <ButtonGroup class="flex flex-nowrap">
         <Button
           v-tooltip.bottom="$t('menu.refresh')"
           icon="pi pi-refresh"
           severity="secondary"
+          text
           @click="
             () =>
               commandStore.getCommandFunction('Comfy.RefreshNodeDefinitions')()
@@ -224,7 +227,7 @@ useEventListener(window, 'resize', adjustMenuPosition)
 }
 
 :deep(.p-panel-content) {
-  @apply p-2;
+  @apply p-1;
 }
 
 :deep(.p-panel-header) {