Update app.py

app.py

@@ -777,42 +777,38 @@ def enhanced_likert_scale(question_data):
             .likert-buttons {{
                 display: flex !important;
                 justify-content: center !important;
-                gap: 8px !important;
+                gap: 4px !important;
                 flex-wrap: wrap !important;
                 margin: 0 !important;
                 padding: 0 !important;
+                align-items: center !important;
             }}
             /* استایل دکمه‌های Streamlit */
             div.stButton > button[key^="streamlit-btn-{key}-"] {{
-                width: 40px !important;
-                height: 40px !important;
+                width: 20px !important;
+                height: 20px !important;
                 border-radius: 50% !important;
-                border: 2px solid #6a0dad !important;
                 background: white !important;
-                display: flex !important;
-                align-items: center !important;
-                justify-content: center !important;
-                font-size: 18px !important;
-                color: #6a0dad !important;
+                border: none !important;
+                color: black !important;
+                font-size: 14px !important;
                 padding: 0 !important;
                 margin: 0 !important;
-                transition: all 0.3s ease !important;
+                box-shadow: none !important;
+                outline: none !important;
             }}
             div.stButton > button[key^="streamlit-btn-{key}-"]:hover {{
-                background: #f0e6ff !important;
-                transform: scale(1.1) !important;
+                background: #e0e0e0 !important;
             }}
             div.stButton > button[key^="streamlit-btn-{key}-"]:focus,
             div.stButton > button[key^="streamlit-btn-{key}-"]:active {{
-                background: #6a0dad !important;
+                background: black !important;
                 color: white !important;
-                box-shadow: 0 0 10px rgba(106, 13, 173, 0.5) !important;
             }}
             /* استایل دکمه انتخاب‌شده */
             div.stButton > button[key="streamlit-btn-{key}-{st.session_state[key] if st.session_state[key] else 'none'}"] {{
-                background: #6a0dad !important;
+                background: black !important;
                 color: white !important;
-                box-shadow: 0 0 10px rgba(106, 13, 173, 0.5) !important;
             }}
             /* استایل پاسخ */
             .likert-response {{
@@ -825,12 +821,12 @@ def enhanced_likert_scale(question_data):
             /* ریسپانسیو کردن */
             @media (max-width: 600px) {{
                 .likert-buttons {{
-                    gap: 4px !important;
+                    gap: 2px !important;
                 }}
                 div.stButton > button[key^="streamlit-btn-{key}-"] {{
-                    width: 36px !important;
-                    height: 36px !important;
-                    font-size: 16px !important;
+                    width: 18px !important;
+                    height: 18px !important;
+                    font-size: 12px !important;
                 }}
             }}
         </style>
@@ -843,7 +839,7 @@ def enhanced_likert_scale(question_data):
     
     # نمایش لیبل‌ها
     st.markdown(
-        f'<div class="likert-labels"><span style="text-align:right">{labels[0]}</span><span style="text-align:left">{labels[1]}</span></div>',
+        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
     )