Update app.py

app.py

@@ -72,37 +72,22 @@ example_questions = [
 LOGO_PATH = "image.png"
 
 with gr.Blocks(title="مساعد قاعدة بيانات الحديث الشريف") as demo:
-    with gr.Row():
-        gr.HTML(
-            f"""
-            <div style='
-                background-color:#4A90E2; 
-                color:white; 
-                padding:20px; 
-                border-radius:10px; 
-                text-align:center; 
-                font-size:22px; 
-                font-weight:bold; 
-                display: flex; 
-                align-items: center; 
-                justify-content: center;
-                gap: 15px;
-            '>
-                <img src='{LOGO_PATH}' alt='Logo' style='
-                    height:70px; 
-                    width:auto;
-                    margin: 0;
-                    display: inline-block;
-                '>
-                <div>
+    with gr.Row(elem_id="custom-header"):
+        with gr.Column(scale=1, min_width=100):
+            gr.Image(value=LOGO_PATH, show_label=False, interactive=False, height=70, width=70)
+        with gr.Column(scale=8):
+            gr.Markdown(
+                """
+                <div style='color:white; font-size:22px; font-weight:bold; text-align:center;'>
                     مساعد قاعدة بيانات الحديث الشريف
                     <div style='font-size:16px; font-weight:normal; margin-top:5px;'>
                         استكشف الأحاديث النبوية وعلومها بسهولة
                     </div>
                 </div>
-            </div>
-            """
-    )
+                """,
+                elem_id="header-title"
+            )
+
     with gr.Row():
         with gr.Column(scale=3):
             gr.Markdown("""