From c2e7f6ae4f88577956a0c377c27d49c5e40bcc6d Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 20 Feb 2025 21:51:09 -0500
Subject: [PATCH] button styling

---
 src/components/Vehicles.js |  2 +-
 src/styles/App.css         | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/Vehicles.js b/src/components/Vehicles.js
index 2e71ceb..983be46 100644
--- a/src/components/Vehicles.js
+++ b/src/components/Vehicles.js
@@ -183,7 +183,7 @@ const Vehicles = () => {
             />
           </div>
           <Button
-            className="auxButton"
+            className="auxButton2"
             labelText="Get Vehicle"
             variant="contained"
             color="primary"
diff --git a/src/styles/App.css b/src/styles/App.css
index 086b33d..3ce9be7 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -84,7 +84,6 @@ body {
 }
 
 .auxButton {
-  margin-top: 8px;
   height: 30px;
   width: 125px;
   border: 1px solid #c0c8cf;
@@ -97,6 +96,19 @@ body {
   margin: 25px auto;
 }
 
+.auxButton2 {
+  height: 30px;
+  width: 125px;
+  border: 1px solid #c0c8cf;
+  border-radius: 6px;
+  background-color: white;
+  color: #0f1111;
+  font-family: "Open Sans", sans-serif;
+  cursor: pointer;
+  padding: 7px 0px 26px 0px;
+  margin: 15px auto 25px auto;
+}
+
 .button {
   margin-top: 8px;
   align-items: center;