Update app.py

app.py

@@ -330,6 +330,7 @@ async def predict(image):
                         <div class="info-section">
                             <div class="info-item">
                                 <span class="tooltip">
+                                <span class="tooltip tooltip-right">
                                     <span class="icon">📏</span>
                                     <span class="label">Size:</span>
                                     <span class="tooltip-icon">ⓘ</span>
@@ -766,8 +767,8 @@ async def predict(image):
             position: absolute;
             z-index: 100;
             bottom: 130%;
-            left: 50%;
-            transform: translateX(-50%);
+            right: -50%;
+            transform: translateX(0);
             opacity: 0;
             transition: all 0.3s ease;
             font-size: 14px;
@@ -776,6 +777,22 @@ async def predict(image):
             border: 1px solid rgba(255, 255, 255, 0.1);
         }}
 
+        .tooltip.tooltip-right .tooltip-text {{
+            left: auto;
+            right: 0;
+        }}
+        
+        .tooltip .tooltip-text::after {{
+            content: "";
+            position: absolute;
+            top: 100%;
+            left: 20%;  /* 調整箭頭位置 */
+            margin-left: -5px;
+            border-width: 5px;
+            border-style: solid;
+            border-color: rgba(44, 62, 80, 0.95) transparent transparent transparent;
+        }}
+
         .tooltip:hover .tooltip-text {{
             visibility: visible;
             opacity: 1;