Update app.py

app.py

@@ -778,6 +778,7 @@ def enhanced_likert_scale(question_data):
             justify-content: center !important;
             gap: 8px !important;
             margin: 0 !important;
+            padding: 0 !important;
             position: relative !important;
             height: 40px !important;
         }}
@@ -852,7 +853,7 @@ def enhanced_likert_scale(question_data):
         <div class="likert-buttons" id="likert-buttons-{key}">
     """
     
-    # محاسبه موقعیت دکمه‌های HTML
+    # محاسبه موقعیت دکمه‌ها
     button_width = 40
     gap = 8
     total_width = scale * button_width + (scale - 1) * gap
@@ -892,62 +893,61 @@ def enhanced_likert_scale(question_data):
     components.html(html_content, height=150)
     
     # ایجاد دکمه‌های Streamlit
-    btn_cols = st.columns(scale)
+    st.markdown('<div style="display: flex; justify-content: center; gap: 8px; margin: 0; padding: 0;">', unsafe_allow_html=True)
     for i in range(scale):
-        with btn_cols[i]:
-            value = scale - i  # 7 تا 1
-            # کانتینر برای دکمه Streamlit
+        value = scale - i  # 7 تا 1
+        st.markdown(
+            f"""
+            <style>
+                .likert-streamlit-btn-container-{key}-{value} {{
+                    position: relative !important;
+                    width: 40px !important;
+                    height: 40px !important;
+                    margin: 0 !important;
+                    padding: 0 !important;
+                }}
+                #streamlit-btn-{key}-{value} {{
+                    width: 40px !important;
+                    height: 40px !important;
+                    opacity: 0 !important;
+                    position: absolute !important;
+                    top: 0 !important;
+                    left: 0 !important;
+                    margin: 0 !important;
+                    padding: 0 !important;
+                    border: none !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: white !important;
+                }}
+            </style>
+            <div class="likert-streamlit-btn-container-{key}-{value}"></div>
+            """,
+            unsafe_allow_html=True
+        )
+        if st.button(
+            "•" if st.session_state[key] == value else "○",
+            key=f"streamlit-btn-{key}-{value}",
+            help=str(value),
+            type="secondary"
+        ):
+            st.session_state[key] = value
+            # آپدیت دکمه‌های HTML با JavaScript
             st.markdown(
                 f"""
-                <style>
-                    .likert-streamlit-btn-container-{key}-{value} {{
-                        position: relative !important;
-                        width: 40px !important;
-                        height: 40px !important;
-                        margin: 0 !important;
-                        padding: 0 !important;
-                    }}
-                    #streamlit-btn-{key}-{value} {{
-                        width: 40px !important;
-                        height: 40px !important;
-                        opacity: 0 !important;
-                        position: absolute !important;
-                        top: 0 !important;
-                        left: 0 !important;
-                        margin: 0 !important;
-                        padding: 0 !important;
-                        border: none !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: white !important;
-                    }}
-                </style>
-                <div class="likert-streamlit-btn-container-{key}-{value}"></div>
+                <script>
+                    updateLikertSelection('{key}', {value});
+                </script>
                 """,
                 unsafe_allow_html=True
             )
-            if st.button(
-                "•" if st.session_state[key] == value else "○",
-                key=f"streamlit-btn-{key}-{value}",
-                help=str(value),
-                type="secondary"
-            ):
-                st.session_state[key] = value
-                # آپدیت دکمه‌های HTML با JavaScript
-                st.markdown(
-                    f"""
-                    <script>
-                        updateLikertSelection('{key}', {value});
-                    </script>
-                    """,
-                    unsafe_allow_html=True
-                )
-                st.rerun()
+            st.rerun()
+    st.markdown('</div>', unsafe_allow_html=True)
     
     return st.session_state.get(key)