Update app.py

app.py

@@ -739,54 +739,73 @@ h3 {
 
 # ========== توابع اصلی ==========
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل کاملاً با استریملیت بدون HTML"""
+    """لیکرت اسکیل بهینه‌شده برای موبایل و دسکتاپ"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
     labels = question_data.get("labels", ["کاملاً مخالفم", "کاملاً موافقم"])
     
-    # مقداردهی اولیه
     if key not in st.session_state:
         st.session_state[key] = None
-    
+
+    # استایل‌دهی واکنش‌گرا
+    st.markdown(f"""
+    <style>
+        @media (max-width: 768px) {{
+            .likert-btn-container {{
+                flex-direction: column;
+                align-items: center;
+            }}
+            .likert-btn {{
+                margin: 3px 0;
+            }}
+        }}
+    </style>
+    """, unsafe_allow_html=True)
+
     # نمایش سوال
     st.markdown(f"**{question}**")
-    
+
     # نمایش برچسب‌ها در یک ردیف
-    label_cols = st.columns(2)
-    with label_cols[0]:
-        st.markdown(f"<div style='text-align:right; font-size:14px; color:#555;'>{labels[1]}</div>", unsafe_allow_html=True)
-    with label_cols[1]:
-        st.markdown(f"<div style='text-align:left; font-size:14px; color:#555;'>{labels[0]}</div>", unsafe_allow_html=True)
-    
-    # ایجاد دکمه‌های دایره‌ای
-    btn_cols = st.columns(scale)
-    for i in range(scale):
-        with btn_cols[i]:
-            value = scale - i  # 7 تا 1
-            is_selected = st.session_state.get(key) == value
-            
-            # استفاده از unicode برای دایره و نقطه
-            btn_label = "●" if is_selected else "○"
-            
-            if st.button(
-                btn_label,
-                key=f"{key}_btn_{value}",
-                use_container_width=True,
-                help=str(value)  # نمایش مقدار به عنوان راهنما
-            ):
-                st.session_state[key] = value
-                st.rerun()
-    
+    label_col = st.columns(1)[0]
+    with label_col:
+        st.markdown(
+            f"<div style='display: flex; justify-content: space-between; direction: rtl; margin-bottom: 8px;'>"
+            f"<span style='font-size: 14px; color: #555;'>{labels[1]}</span>"
+            f"<span style='font-size: 14px; color: #555;'>{labels[0]}</span>"
+            f"</div>",
+            unsafe_allow_html=True
+        )
+
+    # ایجاد دکمه‌ها
+    btn_container = st.container()
+    with btn_container:
+        cols = st.columns(scale)
+        for i in range(scale):
+            with cols[i]:
+                value = scale - i
+                is_selected = st.session_state.get(key) == value
+                btn_type = "primary" if is_selected else "secondary"
+                
+                if st.button(
+                    str(value),
+                    key=f"{key}_btn_{value}",
+                    type=btn_type,
+                    use_container_width=True,
+                    help=f"مقدار: {value}"
+                ):
+                    st.session_state[key] = value
+                    st.rerun()
+
     # نمایش پاسخ انتخاب شده
-    if st.session_state.get(key) is not None:
+    if st.session_state.get(key):
         st.markdown(
-            f"<div style='text-align:center; color:#6a0dad; font-weight:bold; margin-top:5px;'>"
+            f"<div style='text-align: center; color: #6a0dad; font-weight: bold; margin-top: 8px;'>"
             f"پاسخ شما: {st.session_state[key]}"
             f"</div>",
             unsafe_allow_html=True
         )
-    
+
     return st.session_state.get(key)
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""