Update app.py

app.py

@@ -55,9 +55,38 @@ def process_images(front_img, side_img, real_height_cm):
         measurements_df.to_csv(csv_file, mode='a', header=False, index=False)
     
     # Prepare measurements for display
-    measurement_display = measurements_df.to_html(index=False, justify="center", border=1)
+    measurement_display = measurements_df.to_html(
+        index=False,
+        justify="center",
+        border=1,
+        classes="styled-table"
+    )
+    
+    # Add CSS styling for the table
+    css_styles = """
+    <style>
+    .styled-table {
+        width: 80%;
+        margin: 0 auto;
+        border-collapse: collapse;
+        font-size: 16px;
+        text-align: center;
+    }
+    .styled-table th, .styled-table td {
+        border: 1px solid #dddddd;
+        padding: 8px;
+    }
+    .styled-table th {
+        background-color: #f4f4f4;
+    }
+    .styled-table tr:nth-child(even) {
+        background-color: #f9f9f9;
+    }
+    </style>
+    """
     
     return f"""
+    {css_styles}
     <h3 style="text-align: center;">Body Measurements</h3>
     <div style="text-align: center;">
         <img src="https://huggingface.co/front-logo.png" alt="Hugging Face Logo" style="width: 100px; margin-bottom: 20px;"/>
@@ -65,7 +94,7 @@ def process_images(front_img, side_img, real_height_cm):
     {measurement_display}
     """
 
-# Create the Gradio interface
+# Update the Gradio output
 interface = gr.Interface(
     fn=process_images,
     inputs=[