Update app.py

app.py

@@ -783,17 +783,18 @@ def enhanced_likert_scale(question_data):
     st.markdown(f"<div style='text-align:right; font-weight:bold; margin-bottom:15px; direction: rtl;'>{question}</div>", 
                 unsafe_allow_html=True)
 
-    # نمایش برچسب‌ها با خطوط ارتباطی
+    # تنظیم لیبل وسط برای مقیاس‌های فرد
     middle_label = ""
+    middle_label_text = "متوسط"  # لیبل پیش‌فرض برای وسط
     if scale % 2 == 1:  # اگر مقیاس فرد باشد
         middle_value = (scale // 2) + 1
         middle_label = f"""
             <div class='label-container middle-label' style='left: 50%; transform: translateX(-50%);'>
-                <span>متوسط</span>
+                <span>{middle_label_text}</span>
             </div>
         """
     
-    # ایجاد ساختار HTML برای برچسب‌ها
+    # نمایش برچسب‌ها با خطوط ارتباطی
     st.markdown(
         f"""
         <div class='labels-container'>
@@ -918,17 +919,21 @@ def enhanced_likert_scale(question_data):
                 font-weight: bold;
                 color: #6a0dad;
                 text-align: center;
+                flex: 1;
             }}
             .label-container span {{
                 display: inline-block;
+                max-width: 150px; /* محدود کردن عرض لیبل‌ها برای جلوگیری از تداخل */
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
             }}
             /* خطوط ارتباطی */
             .left-label::before {{
                 content: '';
                 position: absolute;
                 bottom: -30px;
-                right: 50%;
-                transform: translateX(50%);
+                right: 10%;
                 width: 2px;
                 height: 25px;
                 background-color: #6a0dad;
@@ -937,8 +942,7 @@ def enhanced_likert_scale(question_data):
                 content: '';
                 position: absolute;
                 bottom: -30px;
-                left: 50%;
-                transform: translateX(-50%);
+                left: 10%;
                 width: 2px;
                 height: 25px;
                 background-color: #6a0dad;