From 74e443184ff52407650a44f17776f47441b4d857 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Wed, 17 Sep 2025 02:22:37 +0200
Subject: [PATCH] Update button styles in Home.vue for improved visual
 consistency

- Enhanced button styles by adding background color and border properties, ensuring a more cohesive design.
- Updated text styles to use a medium font weight for better readability and emphasis on button labels.

These changes contribute to a more polished user interface and improve overall user interaction within the Home component.
---
 src/pages/Home.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 5053749..1808732 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -79,20 +79,18 @@
           <Button
             @click="openComposer('note')"
             size="lg"
-            variant="secondary"
-            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2"
+            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2 bg-background border-2 border-border hover:bg-accent"
           >
             <MessageSquare class="h-4 w-4" />
-            <span class="text-sm">Note</span>
+            <span class="text-sm font-medium">Note</span>
           </Button>
           <Button
             @click="openComposer('rideshare')"
             size="lg"
-            variant="secondary"
-            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2"
+            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2 bg-background border-2 border-border hover:bg-accent"
           >
             <Car class="h-4 w-4" />
-            <span class="text-sm">Rideshare</span>
+            <span class="text-sm font-medium">Rideshare</span>
           </Button>
         </div>