Update app.py

app.py

@@ -739,7 +739,7 @@ h3 {
 
 # ========== توابع اصلی ==========
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل با جهت‌دهی صحیح راست به چپ"""
+    """لیکرت اسکیل با خط و نقاط - کاملاً واکنش‌گرا"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -752,12 +752,9 @@ def enhanced_likert_scale(question_data):
     st.markdown(f"<div style='text-align:center; font-weight:bold; margin-bottom:15px;'>{question}</div>", 
                 unsafe_allow_html=True)
 
-    # ایجاد خط و نقاط با جهت‌دهی RTL
+    # ایجاد خط و نقاط با HTML/CSS
     scale_html = f"""
     <style>
-        .likert-container {{
-            direction: rtl;
-        }}
         .likert-line {{
             width: 80%;
             height: 2px;
@@ -765,6 +762,7 @@ def enhanced_likert_scale(question_data):
             margin: 0 auto;
             position: relative;
             display: flex;
+            justify-content: space-between;
         }}
         .likert-dot {{
             width: 20px;
@@ -778,7 +776,6 @@ def enhanced_likert_scale(question_data):
             display: flex;
             align-items: center;
             justify-content: center;
-            margin: 0 -1px;
         }}
         .likert-dot.selected {{
             background: #6a0dad;
@@ -795,7 +792,6 @@ def enhanced_likert_scale(question_data):
             margin-top: 10px;
             color: #6a0dad;
             font-weight: bold;
-            direction: rtl;
         }}
         @media (max-width: 768px) {{
             .likert-line {{
@@ -815,9 +811,9 @@ def enhanced_likert_scale(question_data):
         <div class='likert-line'>
     """
 
-    # اضافه کردن نقاط به صورت راست به چپ
+    # اضافه کردن نقاط
     for i in range(scale):
-        value = i + 1  # تغییر اینجا از scale-i به i+1 برای جهت‌دهی صحیح
+        value = scale - i
         is_selected = st.session_state.get(key) == value
         scale_html += f"<div class='likert-dot {'selected' if is_selected else ''}' onclick='setLikertValue({value})'></div>"
     
@@ -844,11 +840,11 @@ def enhanced_likert_scale(question_data):
     </script>
     """, height=80)
 
-    # دکمه‌های واقعی (مخفی) با جهت‌دهی صحیح
+    # دکمه‌های واقعی (مخفی)
     btn_cols = st.columns(scale)
     for i in range(scale):
         with btn_cols[i]:
-            value = i + 1  # تغییر اینجا برای تطابق با جهت‌دهی RTL
+            value = scale - i
             if st.button(
                 str(value),
                 key=f"{key}_btn_{value}",