From 7730bf1fe2b22bff299722b74420596750641a5d Mon Sep 17 00:00:00 2001
From: iturres <emanueliturres.co@gmail.com>
Date: Thu, 1 Feb 2024 21:53:44 -0300
Subject: [PATCH] Fix: swap anchor with button to login at 'VehicleDetail.jsx'
 and update styles

---
 src/features/vehicles/VehicleDetail.jsx         | 4 ++--
 src/styles/features/vehicles/VehicleDetail.scss | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/features/vehicles/VehicleDetail.jsx b/src/features/vehicles/VehicleDetail.jsx
index 5dcc91f..fc54f94 100644
--- a/src/features/vehicles/VehicleDetail.jsx
+++ b/src/features/vehicles/VehicleDetail.jsx
@@ -105,9 +105,9 @@ const VehicleDetail = () => {
                   Reserve
                 </Link>
               ) : (
-                <a href="#login" onClick={() => handleLoginPanel()}>
+                <button type="button" onClick={() => handleLoginPanel()}>
                   Login
-                </a>
+                </button>
               )}
             </div>
           </div>
diff --git a/src/styles/features/vehicles/VehicleDetail.scss b/src/styles/features/vehicles/VehicleDetail.scss
index a53cef6..453639a 100644
--- a/src/styles/features/vehicles/VehicleDetail.scss
+++ b/src/styles/features/vehicles/VehicleDetail.scss
@@ -157,13 +157,15 @@ $screen-min-width: 992px;
     font: bold 2rem $heading-font;
   }
 
-  a {
+  button {
     padding: 10px 20px;
     color: $main-color;
     text-decoration: none;
     font: bold 1.5rem $heading-font;
     background-color: $secondary-main-color;
+    border: none;
     border-radius: 10px;
+    cursor: pointer;
   }
 
   @media only screen and (min-width: $screen-min-width) {