Update app.py

app.py

@@ -739,7 +739,7 @@ h3 {
 
 # ========== توابع اصلی ==========
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل فقط با فیچرهای Streamlit و دکمه‌های دایره‌ای ریسپانسیو"""
+    """لیکرت اسکیل فقط با فیچرهای Streamlit و دکمه‌های دایره‌ای تو یه ردیف"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -769,6 +769,7 @@ def enhanced_likert_scale(question_data):
             .likert-labels {{
                 display: flex !important;
                 justify-content: space-between !important;
+                align-items: center !important;
                 font-size: 14px !important;
                 margin-bottom: 10px !important;
                 color: #666666 !important;
@@ -778,13 +779,13 @@ def enhanced_likert_scale(question_data):
                 display: flex !important;
                 justify-content: center !important;
                 gap: 4px !important;
-                flex-wrap: wrap !important;
+                flex-wrap: nowrap !important;
                 margin: 0 !important;
                 padding: 0 !important;
                 align-items: center !important;
             }}
             /* استایل دکمه‌های Streamlit */
-            div.stButton > button[key^="streamlit-btn-{key}-"] {{
+            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"] {{
                 width: 20px !important;
                 height: 20px !important;
                 border-radius: 50% !important;
@@ -796,38 +797,41 @@ def enhanced_likert_scale(question_data):
                 margin: 0 !important;
                 box-shadow: none !important;
                 outline: none !important;
+                line-height: 1 !important;
             }}
-            div.stButton > button[key^="streamlit-btn-{key}-"]:hover {{
+            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"]:hover {{
                 background: #e0e0e0 !important;
             }}
-            div.stButton > button[key^="streamlit-btn-{key}-"]:focus,
-            div.stButton > button[key^="streamlit-btn-{key}-"]:active {{
+            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"]:focus,
+            div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"]:active {{
                 background: black !important;
                 color: white !important;
             }}
             /* استایل دکمه انتخاب‌شده */
-            div.stButton > button[key="streamlit-btn-{key}-{st.session_state[key] if st.session_state[key] else 'none'}"] {{
+            div[data-testid="stButton"] > button[key="streamlit-btn-{key}-{st.session_state[key] if st.session_state[key] else 'none'}"] {{
                 background: black !important;
                 color: white !important;
             }}
-            /* استایل پاسخ */
-            .likert-response {{
-                text-align: center !important;
-                color: #6a0dad !important;
-                font-weight: bold !important;
-                margin-top: 10px !important;
-                font-size: 16px !important;
-            }}
             /* ریسپانسیو کردن */
             @media (max-width: 600px) {{
                 .likert-buttons {{
                     gap: 2px !important;
                 }}
-                div.stButton > button[key^="streamlit-btn-{key}-"] {{
+                div[data-testid="stButton"] > button[key^="streamlit-btn-{key}-"] {{
                     width: 18px !important;
                     height: 18px !important;
                     font-size: 12px !important;
                 }}
+                .likert-labels {{
+                    font-size: 12px !important;
+                }}
+            }}
+            /* حذف استایل‌های پیش‌فرض Streamlit */
+            div[data-testid="stButton"] > button {{
+                border: none !important;
+                box-shadow: none !important;
+                outline: none !important;
+                background: transparent !important;
             }}
         </style>
         """,
@@ -837,26 +841,25 @@ def enhanced_likert_scale(question_data):
     # نمایش سوال
     st.markdown(f'<div class="likert-container"><div class="likert-question">{question}</div>', unsafe_allow_html=True)
     
-    # نمایش لیبل‌ها
-    st.markdown(
-        f'<div class="likert-labels"><span style="text-align:right">{labels[1]}</span><span style="text-align:left">{labels[0]}</span></div>',
-        unsafe_allow_html=True
-    )
-    
-    # نمایش دکمه‌ها در یک ردیف
+    # نمایش لیبل‌ها و دکمه‌ها تو یه ردیف
+    st.markdown('<div class="likert-labels">', unsafe_allow_html=True)
+    st.markdown(f'<span style="text-align:right">{labels[0]}</span>', unsafe_allow_html=True)
     st.markdown('<div class="likert-buttons">', unsafe_allow_html=True)
-    cols = st.columns(scale)
+    
+    # دکمه‌ها تو یه ردیف با flex
     for i in range(scale):
-        with cols[i]:
-            value = scale - i  # 7 تا 1
-            symbol = "•" if st.session_state[key] == value else "○"
-            if st.button(
-                symbol,
-                key=f"streamlit-btn-{key}-{value}",
-                help=str(value)
-            ):
-                st.session_state[key] = value
-                st.rerun()
+        value = scale - i  # 7 تا 1
+        symbol = "•" if st.session_state[key] == value else "○"
+        if st.button(
+            symbol,
+            key=f"streamlit-btn-{key}-{value}",
+            help=str(value)
+        ):
+            st.session_state[key] = value
+            st.rerun()
+    
+    st.markdown('</div>', unsafe_allow_html=True)
+    st.markdown(f'<span style="text-align:left">{labels[1]}</span>', unsafe_allow_html=True)
     st.markdown('</div>', unsafe_allow_html=True)
     
     # نمایش پاسخ