tahmin et butonunu resim yükle butonunun aşağısına al ve kedi,aslan ve kaplan tahmin tablosunun yana sayfa kaydırılmadan okunucak şekilde tasarla - Follow Up Deployment

index.html

@@ -132,6 +132,8 @@
             border-radius: 12px;
             width: 100%;
             box-shadow: 0 5px 15px rgba(0,0,0,0.05);
+            max-height: 300px;
+            overflow-y: auto;
         }
         #label-container div {
             transition: all 0.3s;
@@ -231,10 +233,6 @@
         </div>
 
         <div id="webcam-container"></div>
-        <div class="button-group" style="margin-top: 20px;">
-            <button type="button" onclick="predict()" id="predictBtn" disabled>Tahmin Et</button>
-        </div>
-        
         <div class="upload-section">
             <h2>Veya Resim Yükle</h2>
             <div class="button-group">
@@ -245,7 +243,11 @@
             <div id="imagePreview"></div>
         </div>
         
-        <div id="label-container"></div>
+        <div class="button-group" style="margin-top: 20px;">
+            <button type="button" onclick="predict()" id="predictBtn" disabled>Tahmin Et</button>
+        </div>
+        
+        <div id="label-container" style="max-height: 300px; overflow-y: auto; width: 100%; padding: 10px; background: white; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05);"></div>
     </div>
 
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js"></script>