add deploy command in npm and css align person details

src/components/AbsorbanceGraph.js

@@ -50,10 +50,10 @@ class AbsorbanceGraph extends Component {
         })
             .then(response => response.data.text())
             .then((text) => {
-                const testData = d3.csvParse(text.replaceAll('"', '')).filter(x => { if (x.NM > 390 && x.NM < 650) return x; });;
+                const testData = d3.csvParse(text.replaceAll('"', '')).filter(x => { if (x.NM > 350 && x.NM < 600) return x; });;
 
                 const options = {
-                    windowSize: 23,
+                    windowSize: 65,
                     derivative: 0,
                     polynomial: 3,
                 };

src/components/Devices.css

@@ -5,7 +5,7 @@
 }
 
 .day-dropdown {
-    width: 15vw;
+    width: 20vw;
     margin: 5px;
     font-weight: 600;
 }
@@ -23,9 +23,14 @@
 }
 
 .person-details {
-    margin: 15px;
+    justify-content: center;
+    align-items: center;
+    /* display: flex; */
+    padding: 15px;
+    margin: 15px 0 10px 0;
     font-weight: 600;
     font-size: larger;
+    background-color: white;
 }
 
 .graph-person-conatiner {