more

build/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "sales control application",
+  "name": "sales flow application",
   "version": "0.1.0",
   "homepage": ".",
   "private": false,

src/components/Vehicles.js

@@ -20,12 +20,12 @@ const Vehicles = () => {
   const inputTypes = [
     "Make",
     "Model",
-    "Trim",
+    "Trim Package",
     "Color",
-    "Year",
+    "Prod Year",
     "Category",
     "Mileage",
-    "Price",
+    "Pre-QR Price",
   ];
   const handleIdInput = (e) => setVehId(e.target.value);
 
@@ -117,7 +117,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">
@@ -170,14 +170,14 @@ const Vehicles = () => {
           ))}
         </div>
         <div className="getHeader">
-          <h2 className="formHeader2">Get A Vehicle By Id</h2>
+          <h2 className="formHeader2">Get Vehicle By ISDM</h2>
         </div>
         <div className="fetchBox">
           <div className="inputContainer">
             <TextInput
               className="text-input"
               name="vehId"
-              placeholder="Vehicle Id"
+              placeholder="Vehicle ISDM"
               value={vehId}
               onChange={handleIdInput}
             />

src/styles/App.css

@@ -59,6 +59,7 @@ body {
   border-radius: 6px;
   max-width: 535px;
   flex: 1 0 auto;
+  background-color: #fcf6ff;
 }
 
 .veh-text {
@@ -94,6 +95,7 @@ body {
   cursor: pointer;
   padding: 7px 0px 26px 0px;
   margin: 25px auto;
+  background-color: #fffef9;
 }
 
 .auxButton2 {
@@ -101,7 +103,7 @@ body {
   width: 125px;
   border: 1px solid #c0c8cf;
   border-radius: 6px;
-  background-color: white;
+  background-color: #fffef9;
   color: #0f1111;
   font-family: "Open Sans", sans-serif;
   cursor: pointer;
@@ -159,8 +161,8 @@ body {
   width: 100%;
   height: 50px;
   padding: 15px 20px 0px 20px;
-  background-color: white;
   border-bottom: 2px solid #a9a9a9;
+  background-color: #fcf6ff;
 }
 
 .navRow {
@@ -194,15 +196,21 @@ body {
 }
 
 @media only screen and (max-width: 460px) {
+  .vehicles-container {
+    margin: 2px auto;
+  }
+
   .vehiclesColumn {
     height: 100%;
   }
+
   .navBarContainer {
     display: none;
   }
 
   .formHeader {
     max-width: 250px;
+    text-align: center;
   }
 
   .vehBox {