From 3368bbbf2fa27c5cf7f2cd455eb3370cdfb3b2ab Mon Sep 17 00:00:00 2001
From: flavia-vic <fnevesdematos@gmail.com>
Date: Tue, 29 Apr 2025 09:22:14 -0400
Subject: [PATCH] refactor: Update action buttons in Holiday.vue for improved
 styling and icon usage

---
 src/views/Holiday.vue | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/views/Holiday.vue b/src/views/Holiday.vue
index 04b4c00..0b151bf 100644
--- a/src/views/Holiday.vue
+++ b/src/views/Holiday.vue
@@ -80,12 +80,25 @@
 
         <!-- Slot para ações -->
         <template v-slot:item.actions="{ item }">
-          <div class="action-buttons">
-            <v-btn icon color="primary" size="small" @click="openEditPage('holiday', item)">
-              <v-icon>mdi-pencil</v-icon>
+          <div class="action-buttons" style="display: flex; gap: 8px;">
+            <v-btn
+              icon
+              variant="text"
+              color="black"
+              density="compact"
+              @click="openEditPage('holiday', item)"
+            >
+              <v-icon size="small">mdi-pencil-outline</v-icon>
             </v-btn>
-            <v-btn icon color="error" size="small" @click="confirmDelete('holiday', item)">
-              <v-icon>mdi-delete</v-icon>
+            
+            <v-btn
+              icon
+              variant="text"
+              color="error"
+              density="compact"
+              @click="confirmDelete('holiday', item)"
+            >
+              <v-icon size="small">mdi-delete-outline</v-icon>
             </v-btn>
           </div>
         </template>