From 7246bde0014145f5daa17bfbc054fbf15d767883 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 20 Feb 2025 21:45:29 -0500
Subject: [PATCH] adjust conditional logic for veh display

---
 src/components/Vehicles.js | 4 +++-
 src/styles/App.css         | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Vehicles.js b/src/components/Vehicles.js
index 8e4322a..2e71ceb 100644
--- a/src/components/Vehicles.js
+++ b/src/components/Vehicles.js
@@ -148,8 +148,10 @@ const Vehicles = () => {
           onClick={addData}
         />
         <div>
-          {savedVehicles && (
+          {savedVehicles.length > 0 ? (
             <h2 className="formHeader"> Your Saved Vehicles</h2>
+          ) : (
+            <></>
           )}
           {savedVehicles.map((el, i) => (
             <Vehicle
diff --git a/src/styles/App.css b/src/styles/App.css
index 31756e3..086b33d 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -94,6 +94,7 @@ body {
   font-family: "Open Sans", sans-serif;
   cursor: pointer;
   padding: 7px 0px 26px 0px;
+  margin: 25px auto;
 }
 
 .button {