Update styling

web/static/script.js

@@ -19,7 +19,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
     const selectedFeature = featureSelect.value;
     const formData = new FormData();
-    thinkingText.innerText = "Loading the model, it might take a second...";
+    //thinkingText.innerText = "Loading the model, it might take a second...";
     formData.append("uploaded-image", file);
     formData.append("feature", selectedFeature);
     lastUploadedImage = file;

web/static/styles.css

@@ -22,7 +22,6 @@ body {
 
 .dropzone {
   margin-top: 20px;
-    padding: 20px;
   width: 90%;
   min-height: 100px;
   border: 2px dashed #000000;
@@ -36,8 +35,7 @@ body {
 .prediction-container {
   margin-top: 20px;
   min-height: 100px;
-  padding: 20px;
-  width: 90%;
+  width: 95%;
   border: 2px solid #000000;
   display: flex;
   justify-content: center;
@@ -59,7 +57,7 @@ body {
   display: grid;
   row-gap: 1%;
   column-gap: 1%;
-  width: 90%;
+  width: 95%;
   justify-content: center;
   align-items: center;
   grid-template-columns: repeat(3, 1fr);
@@ -70,7 +68,7 @@ body {
 /* The predicted image */
 #predicted-images img {
   margin: auto;
-  width: 90%; 
+  width: 95%; 
   height: auto;
   display: block; 
   align-items: center;