From daec58314f185c159057ad0224a1ece4e162e1b6 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 17 Apr 2024 11:52:13 +0700
Subject: [PATCH 1/2] refactor: styling

---
 src/components/01_branch-management/BranchCard.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/01_branch-management/BranchCard.vue b/src/components/01_branch-management/BranchCard.vue
index 5e084a3d..f1f4fcb4 100644
--- a/src/components/01_branch-management/BranchCard.vue
+++ b/src/components/01_branch-management/BranchCard.vue
@@ -46,6 +46,9 @@ defineProps<{
           @click="$emit('view-detail', data)"
           :label="$t('viewDetail')"
           outline
+          dense
+          no-caps
+          class="q-px-md"
           v-if="i === 0"
         />
       </div>
@@ -91,7 +94,7 @@ defineProps<{
       font-weight: bold;
     }
 
-    & > * {
+    &.branch-card__header > * {
       display: flex;
       align-items: center;
     }

From b9e956b4409eb328e3b9d233caee80005c8983c0 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 17 Apr 2024 11:53:46 +0700
Subject: [PATCH 2/2] fix: floating background when long name

---
 src/components/StatCardComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index df58b974..a0539170 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -50,7 +50,7 @@ svg {
   width: 200px;
   position: absolute;
   left: 0px;
-  top: 50px;
+  bottom: 0;
   opacity: 0.1;
 }