more

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "hdepot",
+  "name": "sales flow application",
   "version": "0.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "hdepot",
+      "name": "sales flow application",
       "version": "0.1.0",
       "dependencies": {
         "@testing-library/jest-dom": "^5.16.5",

src/styles/App.css

@@ -39,8 +39,9 @@ body {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-  height: 300px;
+  height: 330px;
   padding: 20px;
+  max-width: 520px;
 }
 
 .veh-col {
@@ -69,9 +70,11 @@ body {
   padding: 5px 5px 8px 8px;
   border: 1px solid #5d86a8;
   border-radius: 6px;
-  max-width: 535px;
+  max-width: 560px;
+  width: 100%;
   flex: 1 0 auto;
-  background-color: #f8eefc;
+  background-color: #D9F1F4;
+  box-sizing: border-box;
 }
 
 .veh-text {
@@ -133,22 +136,22 @@ body {
 .auxButton {
   height: 30px;
   width: 125px;
-  border: 1px solid #8ac8ff;
+  border: 1px solid black;
   border-radius: 6px;
   color: #0f1111;
   font-family: "Open Sans", sans-serif;
   cursor: pointer;
   padding: 7px 0px 26px 0px;
   margin: 25px auto;
-  background-color: #ffefef;
+  background-color: #4FABFB;
 }
 
 .auxButton2 {
   height: 30px;
   width: 125px;
-  border: 1px solid #8ac8ff;
+  border: 1px solid black;
   border-radius: 6px;
-  background-color: #ffefef;
+  background-color: #4FABFB;
   color: #0f1111;
   font-family: "Open Sans", sans-serif;
   cursor: pointer;
@@ -161,9 +164,9 @@ body {
   align-items: center;
   height: 30px;
   width: 125px;
-  border: 1px solid #c0c8cf;
+  border: 1px solid black;
   border-radius: 6px;
-  background-color: white;
+  background-color: #4FABFB;
   color: #0f1111;
   font-family: "Open Sans", sans-serif;
   cursor: pointer;
@@ -174,9 +177,9 @@ body {
   margin-top: 8px;
   height: 30px;
   width: 125px;
-  border: 1px solid #c0c8cf;
+  border: 1px solid black;
   border-radius: 6px;
-  background-color: white;
+  background-color: #4FABFB;
   color: #0f1111;
   cursor: pointer;
   line-height: 29px;
@@ -199,16 +202,16 @@ body {
   flex-direction: column;
   align-items: center;
   margin: 0px auto;
-
-  width: 250px;
+  width: 240px;
   padding-bottom: 5px;
+  box-sizing: border-box;
 }
 
 .navBarContainer {
   height: 50px;
   padding: 15px 20px 0px 20px;
   border-bottom: 2px solid #a9a9a9;
-  background-color: #f8eefc;
+  background-color: #D9F1F4;
 }
 
 .navRow {
@@ -251,6 +254,7 @@ body {
   .inputContainer {
     width: 200px;
   }
+
   .vehiclesColumn {
     height: 100%;
   }
@@ -273,4 +277,4 @@ body {
     display: flex;
     flex-direction: column;
   }
-}
+}