From b2149f1f0c033e4050b068587759fad0e145d749 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 17 Jul 2024 02:17:10 +0000
Subject: [PATCH] fix: 03 add tooltip layout

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

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index f9d3a913..e8782bb4 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -528,18 +528,22 @@ watch(locale, () => {
 
     <div class="col surface-2 rounded" :no-padding="!!branchData.total">
       <template v-if="!branchData.total">
-        <TooltipComponent
-          class="self-end"
-          title="branchNoMainOfficeYet"
-          caption="branchClickToCreateMainOffice"
-          imgSrc="personnel-table-"
-        />
+        <div class="full-width full-height column">
+          <div class="self-end q-ma-md">
+            <TooltipComponent
+              class="self-end"
+              title="branchNoMainOfficeYet"
+              caption="branchClickToCreateMainOffice"
+              imgSrc="personnel-table-"
+            />
+          </div>
 
-        <div class="row items-center justify-center" style="flex-grow: 1">
-          <AddButton
-            label="branchAdd"
-            @trigger="() => triggerCreate('headOffice')"
-          />
+          <div class="col flex items-center justify-center">
+            <AddButton
+              label="branchAdd"
+              @trigger="() => triggerCreate('headOffice')"
+            />
+          </div>
         </div>
       </template>