Trying to fix the tasklist aligment 2

app.py

@@ -3,7 +3,7 @@ from models.space_a import summarize_question
 from models.space_b import generate_mentalqa_answer
 from models.space_er import extract_entities
 
-# CSS styling
+# CSS styling with layout control
 css = """
 .rtl {
     direction: rtl;
@@ -15,19 +15,18 @@ css = """
     border-radius: 8px;
 }
 
-/* Desktop: move sidebar to the right */
+/* Desktop: move sidebar to right */
 @media (min-width: 769px) {
-  .gr-row {
+  #main-layout {
     flex-direction: row-reverse !important;
   }
 }
 """
 
-
 with gr.Blocks(css=css) as demo:
 
-    with gr.Row():
-        # Sidebar (moved above main content in mobile)
+    with gr.Row(elem_id="main-layout"):  # <- Used for layout targeting
+        # Sidebar (comes first in code for mobile top placement)
         with gr.Column(scale=1):
             with gr.Group(elem_classes="sidebar-box rtl"):
                 gr.Markdown("### القائمة الجانبية", elem_classes="rtl")
@@ -59,7 +58,7 @@ with gr.Blocks(css=css) as demo:
             analyze_btn = gr.Button("ابدأ التحليل", elem_classes="rtl")
             output = gr.Textbox(label="النتيجة", elem_classes="rtl")
 
-    # Toggle logic for classification box
+    # Toggle logic for classification visibility
     def toggle_classification(task_choice):
         return gr.update(visible=(task_choice == "classification"))
 
@@ -69,7 +68,7 @@ with gr.Blocks(css=css) as demo:
         outputs=classify_box
     )
 
-    # Unified processing function
+    # Processing function
     def analyze(text, task, classify=None):
         if not text.strip():
             return "❗ الرجاء إدخال نص للتحليل."
@@ -85,7 +84,7 @@ with gr.Blocks(css=css) as demo:
                 return generate_mentalqa_answer(text)
 
             elif task == "classification":
-                return "❌ نموذج تصنيف الأسئلة والإجابات غير متاح حالياً."
+                return f"❌ نموذج تصنيف الأسئلة والإجابات غير متاح حالياً."
 
             elif task in ["adverse_drug_reaction", "relation_extraction"]:
                 return "❌ هذا النموذج غير متاح حالياً. سيتم إضافته لاحقاً."