From 331eaf7c35cbf8ce771941be4358d49f2b3f0154 Mon Sep 17 00:00:00 2001
From: mohamad <mohamad>
Date: Sat, 7 Jun 2025 18:23:57 +0200
Subject: [PATCH] Refine layout and styling in GroupDetailPage for improved ux

---
 fe/src/pages/GroupDetailPage.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/fe/src/pages/GroupDetailPage.vue b/fe/src/pages/GroupDetailPage.vue
index ed35902..970b4ed 100644
--- a/fe/src/pages/GroupDetailPage.vue
+++ b/fe/src/pages/GroupDetailPage.vue
@@ -92,7 +92,7 @@
                 <span class="neo-chore-name">{{ chore.name }}</span>
                 <span class="neo-chore-due">{{ t('groupDetailPage.chores.duePrefix') }} {{
                   formatDate(chore.next_due_date)
-                }}</span>
+                  }}</span>
               </div>
               <VBadge :text="formatFrequency(chore.frequency)" :variant="getFrequencyBadgeVariant(chore.frequency)" />
             </VListItem>
@@ -226,10 +226,10 @@
       <template #footer>
         <VButton variant="neutral" @click="closeSettleShareModal">{{
           t('groupDetailPage.settleShareModal.cancelButton')
-          }}</VButton>
+        }}</VButton>
         <VButton variant="primary" @click="handleConfirmSettle" :disabled="isSettlementLoading">{{
           t('groupDetailPage.settleShareModal.confirmButton')
-          }}</VButton>
+        }}</VButton>
       </template>
     </VModal>
   </main>
@@ -760,6 +760,7 @@ onMounted(() => {
 <style scoped>
 .page-padding {
   padding: 1rem;
+  padding-block-end: 3rem;
   max-width: 1200px;
   margin: 0 auto;
 }