Update styling

web/static/script.js

@@ -43,8 +43,8 @@ document.addEventListener("DOMContentLoaded", () => {
         const dropzoneHeight = dropzone.offsetHeight;
         const imageWidth = uploadedImage.width;
         const imageHeight = uploadedImage.height;
-        const widthScale = dropzoneWidth / imageWidth;
-        const heightScale = dropzoneHeight / imageHeight;
+        const widthScale = 225 / imageWidth;
+        const heightScale = 225 / imageHeight;
         const scaleFactor = Math.min(widthScale, heightScale);
         uploadedImage.width = imageWidth * (scaleFactor-0.1);
         uploadedImage.height = imageHeight * (scaleFactor-0.1);
@@ -97,7 +97,7 @@ featureSelect.addEventListener("change", () => {
 });
 
 function displayResults(data) {
-  thinkingText.innerText = "Looks like...";
+  thinkingText.innerText = "";
   const predictedImagesContainer = document.getElementById("predicted-images");
   predictedImagesContainer.innerHTML = ""; // Clear previous images
 

web/static/styles.css

@@ -22,7 +22,6 @@ body {
 .dropzone {
   margin-top: 20px;
   width: 95%;
-  min-height: 500px;
   border: 2px solid #000000;
   display: flex;
   justify-content: center;
@@ -164,6 +163,7 @@ visibility: visible; /* Show the tooltip on image hover */
   }
 
   .dropzone {
+    min-height: 500px;
     width: 48%;
   }