cleaned up coord highlight and centered containers via flexbox

server.js

@@ -61,6 +61,11 @@ app.get("/takeScreenshot", async function(req, res){
 });
 
 app.get("/getValueFromImage", async function(req, res){
+    /* 
+    Sometimes grabs some random characters that are not on the screen.  This is especially obvious
+    when grabing the price off of LiquidationDelivered.com.  The rectangle has to be pretty tight on the price
+    in order to avoid grabbing random characters.  Need to investigate because that could be a huge issue.
+    */
     console.log("Pulling info from image");
     let name = req.query["name"]; 
     let top = req.query["top"]; //374
@@ -80,6 +85,7 @@ app.get("/getValueFromImage", async function(req, res){
       } = await worker.recognize(img,
         { rectangle }
       );
+      console.log(text)
       console.log("Found Price!");
       res.send(text);
       res.end();