Update app.py

app.py

@@ -335,6 +335,7 @@ async def predict(image):
                                     <span class="label">Size:</span>
                                     <span class="tooltip-icon">ⓘ</span>
                                     <span class="tooltip-text">
+                                    <span class="tooltip tooltip-left">
                                         <strong>Size Categories:</strong><br>
                                         • Small: Under 20 pounds<br>
                                         • Medium: 20-60 pounds<br>
@@ -388,6 +389,7 @@ async def predict(image):
                                     <span class="label">Exercise:</span>
                                     <span class="tooltip-icon">ⓘ</span>
                                     <span class="tooltip-text">
+                                    <span class="tooltip tooltip-left">
                                         <strong>Exercise Needs:</strong><br>
                                         • Low: Short walks and play sessions<br>
                                         • Moderate: 1-2 hours of daily activity<br>
@@ -767,8 +769,7 @@ async def predict(image):
             position: absolute;
             z-index: 100;
             bottom: 130%;
-            right: -50%;
-            transform: translateX(0);
+            left: -100px;
             opacity: 0;
             transition: all 0.3s ease;
             font-size: 14px;
@@ -777,6 +778,10 @@ async def predict(image):
             border: 1px solid rgba(255, 255, 255, 0.1);
         }}
 
+        .tooltip.tooltip-left .tooltip-text {{
+            left: 0;  
+        }}
+
         .tooltip.tooltip-right .tooltip-text {{
             left: auto;
             right: 0;