Update app.py

app.py

@@ -787,7 +787,7 @@ def enhanced_likert_scale(question_data):
     middle_label = ""
     if scale % 2 == 1:  # اگر مقیاس فرد باشد
         middle_value = (scale // 2) + 1
-        middle_label = f"""
+        middle_label = """
         <div style='position: absolute; left: 50%; transform: translateX(-50%);'>
             <span style='font-size: 14px; font-weight: bold; color: #6a0dad;'>متوسط</span>
             <div style='height: 15px; width: 2px; background: #6a0dad; margin: 2px auto;'></div>
@@ -858,16 +858,25 @@ def enhanced_likert_scale(question_data):
     """
     
     # ایجاد دکمه‌های سفارشی با خطوط راهنما
-    options_html = "".join([
-        f'<div class="likert-option-container" style="position: relative;">'
-        f'<div class="likert-option {"selected" if st.session_state.get(key) == i+1 else ""}" '
-        f'onclick="handleLikertClick({i})">'
-        f'<span class="likert-number">{i+1}</span>'
-        f'</div>'
-        f'{"<div class=\'likert-guide-line\'></div>" if i+1 == 1 or i+1 == scale or (scale % 2 == 1 and i+1 == Math.ceil(scale/2)) else ""}'
-        f'</div>'
-        for i in range(scale)
-    ])
+    options_html = []
+    for i in range(scale):
+        is_selected = st.session_state.get(key) == i+1
+        is_first = i+1 == 1
+        is_last = i+1 == scale
+        is_middle = scale % 2 == 1 and i+1 == (scale // 2) + 1
+        
+        option_html = f"""
+        <div class="likert-option-container" style="position: relative;">
+            <div class="likert-option {'selected' if is_selected else ''}" 
+                 onclick="handleLikertClick({i})">
+                <span class="likert-number">{i+1}</span>
+            </div>
+            {'<div class="likert-guide-line"></div>' if is_first or is_last or is_middle else ''}
+        </div>
+        """
+        options_html.append(option_html)
+    
+    options_html = "".join(options_html)
 
     # ترکیب تمام بخش‌ها با استایل بهبود یافته
     components.html(