From 0107c3d3af4874a6e924a6398e9e785472025147 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 5 Jul 2024 11:44:44 +0700
Subject: [PATCH] refactor: action btn size and spacing

---
 src/pages/01_branch-management/MainPage.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 616f96db..586ed370 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -573,7 +573,10 @@ watch(locale, () => {
                       class="row items-center justify-between full-width no-wrap"
                     >
                       <span>{{ node.name }}</span>
-                      <div class="q-gutter-xs flex no-wrap" @click.stop>
+                      <div
+                        class="row q-gutter-xs items-center no-wrap"
+                        @click.stop
+                      >
                         <q-btn
                           v-if="node.isHeadOffice"
                           :id="`create-sub-branch-btn-${node.name}`"
@@ -581,15 +584,18 @@ watch(locale, () => {
                             triggerCreate('subBranch', node.id, node.code)
                           "
                           icon="mdi-file-plus-outline"
-                          fab-mini
-                          unelevated
+                          size="sm"
+                          dense
+                          round
+                          flat
                         />
 
                         <q-btn
                           :id="`view-detail-btn-${node.name}`"
                           icon="mdi-dots-vertical"
-                          fab-mini
-                          unelevated
+                          size="sm"
+                          dense
+                          round
                           flat
                         >
                           <q-menu class="bordered">