fix: 03 add tooltip layout

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
+        <div class="full-width full-height column">
-          class="self-end"
+          <div class="self-end q-ma-md">
-          title="branchNoMainOfficeYet"
+            <TooltipComponent
-          caption="branchClickToCreateMainOffice"
+              class="self-end"
-          imgSrc="personnel-table-"
+              title="branchNoMainOfficeYet"
-        />
+              caption="branchClickToCreateMainOffice"
+              imgSrc="personnel-table-"
+            />
+          </div>
 
-        <div class="row items-center justify-center" style="flex-grow: 1">
+          <div class="col flex items-center justify-center">
-          <AddButton
+            <AddButton
-            label="branchAdd"
+              label="branchAdd"
-            @trigger="() => triggerCreate('headOffice')"
+              @trigger="() => triggerCreate('headOffice')"
-          />
+            />
+          </div>
         </div>
       </template>