Update app.py

app.py

@@ -739,7 +739,7 @@ h3 {
 
 # ========== توابع اصلی ==========
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل با دکمه‌های HTML کاملاً غالب روی دکمه‌های Streamlit"""
+    """لیکرت اسکیل با دکمه‌های HTML دقیقاً روی دکمه‌های Streamlit نامرئی"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -778,7 +778,7 @@ def enhanced_likert_scale(question_data):
             justify-content: center !important;
             gap: 8px !important;
             flex-wrap: wrap !important;
-            margin: 10px 0 !important;
+            margin: 0 !important;
             position: relative !important;
             height: 40px !important;
         }}
@@ -813,7 +813,8 @@ def enhanced_likert_scale(question_data):
             position: relative !important;
             width: 40px !important;
             height: 40px !important;
-            margin: 0 auto !important;
+            margin: 0 !important;
+            padding: 0 !important;
         }}
         .likert-streamlit-btn {{
             width: 40px !important;
@@ -825,9 +826,15 @@ def enhanced_likert_scale(question_data):
             margin: 0 !important;
             padding: 0 !important;
             border: none !important;
-            background: transparent !important;
+            background: white !important;
             z-index: 1 !important;
         }}
+        .likert-streamlit-btn:hover,
+        .likert-streamlit-btn:focus,
+        .likert-streamlit-btn:active {{
+            border: none !important;
+            background: white !important;
+        }}
         /* استایل پاسخ انتخاب‌شده */
         .likert-response {{
             text-align: center !important;
@@ -859,7 +866,7 @@ def enhanced_likert_scale(question_data):
         x_position = start_x + i * (button_width + gap)
         html_content += f"""
             <button class="likert-btn {'selected' if is_selected else ''}"
-                    style="left: calc(50% + {x_position}px);"
+                    style="left: calc(50% + {x_position}px); top: 0;"
                     onclick="document.getElementById('streamlit-btn-{key}-{value}').click()">
                 {'•' if is_selected else '○'}
             </button>
@@ -896,14 +903,14 @@ def enhanced_likert_scale(question_data):
                             margin: 0 !important;
                             padding: 0 !important;
                             border: none !important;
-                            background: transparent !important;
+                            background: white !important;
                             z-index: 1 !important;
                         }}
                         #streamlit-btn-{key}-{value}:hover,
                         #streamlit-btn-{key}-{value}:focus,
                         #streamlit-btn-{key}-{value}:active {{
                             border: none !important;
-                            background: transparent !important;
+                            background: white !important;
                         }}
                     </style>
                 </div>
@@ -919,8 +926,8 @@ def enhanced_likert_scale(question_data):
                 st.session_state[key] = value
                 st.rerun()
     
-    return st.session_state.get(key) 
-            
+    return st.session_state.get(key)
+    
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
     # نقاط تقریبی برای مناطق عمومی جنوب و غرب تهران