From 2b48963a9cd3076cd2002b764cd33fa9bc49d1b8 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 20 Feb 2025 21:36:00 -0500
Subject: [PATCH] additional styling

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

diff --git a/src/components/Vehicles.js b/src/components/Vehicles.js
index c5cb2b1..6d8a2e4 100644
--- a/src/components/Vehicles.js
+++ b/src/components/Vehicles.js
@@ -30,6 +30,7 @@ const Vehicles = () => {
   const handleIdInput = (e) => setVehId(e.target.value);
 
   const handleChange = (e) => {
+    console.log(e);
     setInputs((prevState) => ({
       ...prevState,
       [e.target.name]: e.target.value,
@@ -51,7 +52,7 @@ const Vehicles = () => {
     e.preventDefault();
     const formatMiles = parseFloat(inputs.mileage.replace(/,/g, ""));
     const formatPrice = parseFloat(inputs.price.replace(/,/g, "") * 100);
-    inputs.mileage = formatMiles;
+    inputs.Mileage = formatMiles;
     inputs.price = formatPrice;
   };
 
@@ -93,7 +94,8 @@ const Vehicles = () => {
 
   async function addData(e) {
     e.preventDefault();
-    format(e);
+    //format(e);
+    console.log("inpiuts", inputs);
     setSavedVehicles([...savedVehicles, inputs]);
     try {
       const docRef = await addDoc(collection(db, "hdepot"), inputs);
diff --git a/src/styles/App.css b/src/styles/App.css
index b742715..31756e3 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -127,7 +127,11 @@ body {
 }
 
 .deleteButtonBox {
-  margin: 15px 0px 20px 0px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: 15px auto;
 }
 
 .inputContainer {