From 0766aa261945722e5f51791691f6f7b7a6503367 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 8 Mar 2025 19:32:34 -0500
Subject: [PATCH 1/6] more

---
 src/components/Vehicles.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/Vehicles.js b/src/components/Vehicles.js
index 983be46..e52be09 100644
--- a/src/components/Vehicles.js
+++ b/src/components/Vehicles.js
@@ -64,6 +64,7 @@ const Vehicles = () => {
           const dbVehs = data.map((item, i) => {
             return Object.assign(item, { id: ids[i] });
           });
+          console.log("~~~~~~~~~~~~dbVehs", dbVehs);
           setSavedVehicles(dbVehs);
         } else {
           console.log("Error fetching data from database");
@@ -113,7 +114,10 @@ const Vehicles = () => {
       console.log(`Error deleteing vehicle from db: ${error}`);
     }
   }
-
+  console.log("~~~~~~~~~~~~~savedVehicles", savedVehicles);
+  savedVehicles.forEach((el) => {
+    console.log("~~~~~~~~~~~~~el", el);
+  });
   return (
     <>
       <div className="vehicles-container">
@@ -155,15 +159,15 @@ const Vehicles = () => {
           )}
           {savedVehicles.map((el, i) => (
             <Vehicle
-              key={`${el.model}${i}`}
-              make={el.make}
-              model={el.model}
-              trim={el.trim}
-              color={el.color}
-              category={el.category}
-              mileage={el.mileage}
-              price={el.price}
-              year={el.year}
+              key={`${el.Model}${i}`}
+              make={el.Make}
+              model={el.Model}
+              trim={el.Trim}
+              color={el.Color}
+              category={el.Category}
+              mileage={el.Mileage}
+              price={el.Price}
+              year={el.Year}
               id={el.id}
               onClick={deleteData}
             />

From 0c5bc89fc32efb26750120eb00e039dbfd986bae Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 8 Mar 2025 19:34:07 -0500
Subject: [PATCH 2/6] more

---
 src/styles/App.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/App.css b/src/styles/App.css
index 3ce9be7..9420c7e 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -66,6 +66,7 @@ body {
 }
 
 .formHeader {
+  text-align: center;
   letter-spacing: 0.08rem;
 }
 

From 133e6fe9aa328f79263773a137bc372b1da70a09 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 8 Mar 2025 19:35:43 -0500
Subject: [PATCH 3/6] more

---
 src/styles/App.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/App.css b/src/styles/App.css
index 9420c7e..f155622 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -203,7 +203,7 @@ body {
   }
 
   .formHeader {
-    max-width: 250px;
+    text-align: center;
   }
 
   .vehBox {

From 4a17c8d4ab2172c2ba9ea769c37f9a8116abe036 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 8 Mar 2025 19:39:06 -0500
Subject: [PATCH 4/6] more

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

diff --git a/src/components/Vehicles.js b/src/components/Vehicles.js
index e52be09..6eef7b1 100644
--- a/src/components/Vehicles.js
+++ b/src/components/Vehicles.js
@@ -121,7 +121,7 @@ const Vehicles = () => {
   return (
     <>
       <div className="vehicles-container">
-        <h2 className="formHeader">Add A Vehicle to Your Queue</h2>
+        <h2 className="formHeader">Add Vehicle To Queue</h2>
         <div className="vehiclesRow">
           <div className="vehBox">
             <div className="vehiclesColumn">
diff --git a/src/styles/App.css b/src/styles/App.css
index f155622..8e65723 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -149,11 +149,13 @@ body {
 }
 
 .inputContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0px auto;
   min-width: 250px;
   max-width: 250px;
-  margin-right: 25px;
   padding-bottom: 5px;
-  padding-right: 5px;
 }
 
 .navBarContainer {

From 6aa0fab13b4279f835476bb5ba00377c90dda1d7 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 8 Mar 2025 19:41:22 -0500
Subject: [PATCH 5/6] more

---
 src/styles/App.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/styles/App.css b/src/styles/App.css
index 8e65723..07c16eb 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -1,6 +1,11 @@
 @import url("https://fonts.googleapis.com/css?family=Open+Sans");
 
+html {
+  height: 100%;
+}
+
 body {
+  margin: 0;
   font-family: "Open Sans", sans-serif;
 }
 

From ffc91b2ba831fad77c69c7aeaf856f426bcf09ce Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 8 Mar 2025 19:42:40 -0500
Subject: [PATCH 6/6] m

---
 src/styles/App.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/App.css b/src/styles/App.css
index 07c16eb..60540db 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -11,7 +11,7 @@ body {
 
 .app-container {
   background-color: #f5f5f5;
-  min-height: 100vh;
+
   display: flex;
   flex-direction: column;
   font-size: 16px;