Adjust font size and padding in route_utils for improved text rendering

route_utils.py

@@ -56,9 +56,10 @@ def load_image_with_title(image_path, custom_title=None):
         from PIL import ImageDraw, ImageFont
         draw = ImageDraw.Draw(image)
         
-        # Try to use a nice font, fallback to default
+        # Try to use a nice font, scaled to image size
+        font_size = max(16, image.width // 25)  # Responsive font size
         try:
-            font = ImageFont.truetype("Arial.ttf", 24)
+            font = ImageFont.truetype("Arial.ttf", font_size)
         except:
             font = ImageFont.load_default()
         
@@ -66,10 +67,10 @@ def load_image_with_title(image_path, custom_title=None):
         text_bbox = draw.textbbox((0, 0), custom_title, font=font)
         text_width = text_bbox[2] - text_bbox[0]
         x = (image.width - text_width) // 2
-        y = 10
+        y = 5  # Reduced margin for smaller images
         
         # Add background rectangle for better readability
-        padding = 5
+        padding = 3  # Smaller padding for smaller images
         draw.rectangle([x-padding, y-padding, x+text_width+padding, y+text_bbox[3]+padding], 
                       fill="white", outline="black")
         draw.text((x, y), custom_title, fill="black", font=font)