From a9b5ae14c9c751c862ed11b657566c2ecb1f20cc Mon Sep 17 00:00:00 2001
From: mayar osama <mayarosama18@gmail.com>
Date: Wed, 31 Jan 2024 18:14:34 +0200
Subject: [PATCH] adding padding

---
 client/src/components/cards/vacationCard.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/cards/vacationCard.vue b/client/src/components/cards/vacationCard.vue
index 37f5746e..58c0a912 100644
--- a/client/src/components/cards/vacationCard.vue
+++ b/client/src/components/cards/vacationCard.vue
@@ -1,5 +1,6 @@
 <template>
   <v-card elevation="0" >
+
     <v-card-title class="bg-graytitle">
       <div class="d-flex flex-row-reverse">
         <v-icon size="small" class="me-2" @click.stop="$emit('close-dialog', false)">
@@ -13,7 +14,7 @@
     >
     <br />
 
-    <v-form ref="form" @submit.prevent="updateVacation()">
+    <v-form ref="form" @submit.prevent="updateVacation()" class="pa-4">
       <v-row class="d-flex flex-row-reverse" v-if="couldUpdate">
         <v-btn color="primary" class="ma-4" type="submit" :disabled="!form?.isValid || disabled">Update</v-btn>
         <v-btn color="red" class="ma-4" @click="handleDelete">Delete</v-btn>
@@ -78,7 +79,7 @@
       </v-card>
     </v-form>
 
-    <v-row v-if="couldApprove && vacation.status == 'pending'">
+    <v-row v-if="couldApprove && vacation.status == 'pending'" class="pa-4">
       <v-btn color="primary" class="ma-4" @click="handleApprove">Approve</v-btn>
       <v-btn color="red" class="ma-4" @click="handleReject">Reject</v-btn>
     </v-row>