From a6f142c365dd55a6222cd12f034db94404d56236 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 8 Mar 2025 18:57:44 -0500
Subject: [PATCH] m

---
 src/components/Vehicle.js  |  2 +-
 src/components/Vehicles.js |  2 +-
 src/index.css              |  6 +++---
 src/styles/App.css         | 14 ++++++++------
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Vehicle.js b/src/components/Vehicle.js
index e8144c8..2e2d4d5 100644
--- a/src/components/Vehicle.js
+++ b/src/components/Vehicle.js
@@ -52,7 +52,7 @@ const Vehicle = (props) => {
               {`$${formatNums(price / 100)}.00`}
             </p>
             <p className="veh-text">
-              <b>Id: </b>
+              <b>ISDM: </b>
               {id}
             </p>
           </div>
diff --git a/src/components/Vehicles.js b/src/components/Vehicles.js
index 25cc8af..44a34e4 100644
--- a/src/components/Vehicles.js
+++ b/src/components/Vehicles.js
@@ -149,7 +149,7 @@ const Vehicles = () => {
         />
         <div>
           {savedVehicles.length > 0 ? (
-            <h2 className="formHeader"> Your Saved Vehicles</h2>
+            <h2 className="formHeader"> Your Vehicles</h2>
           ) : (
             <></>
           )}
diff --git a/src/index.css b/src/index.css
index ec2585e..4a1df4d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,13 +1,13 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
diff --git a/src/styles/App.css b/src/styles/App.css
index 4c31129..4c2530b 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;
 }
 
@@ -16,7 +21,7 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+
   padding: 0px 30px;
   margin: 5px 20px;
 }
@@ -66,10 +71,6 @@ body {
   margin: 4px 5px;
 }
 
-.formHeader {
-  letter-spacing: 0.08rem;
-}
-
 .formHeader2 {
   letter-spacing: 0.08rem;
   margin-top: 10px;
@@ -158,7 +159,6 @@ body {
 }
 
 .navBarContainer {
-  width: 100%;
   height: 50px;
   padding: 15px 20px 0px 20px;
   border-bottom: 2px solid #a9a9a9;
@@ -197,6 +197,8 @@ body {
 
 @media only screen and (max-width: 460px) {
   .vehicles-container {
+    max-width: 400px;
+    padding: 0px 10px;
     margin: 2px auto;
   }