Upload app.py

app.py

@@ -128,16 +128,24 @@ for group, subcriteria in criteria.items():
     st.markdown(f"<div class='category-header'>{group}</div>", unsafe_allow_html=True)
     for idx, crit in enumerate(subcriteria):
         with st.container():
-            # Use two columns: one for the combined title/description, one for the include checkbox.
             cols = st.columns([7, 0.5])
-            # Insert three non-breaking spaces between title and description.
-            combined = f"<span class='criteria-name'>{crit['name']}</span>&nbsp;&nbsp;&nbsp;<span class='criteria-description'>{crit['description']}</span>"
-            cols[0].markdown(combined, unsafe_allow_html=True)
-            include = cols[1].checkbox("", value=True, key=f"include_{group}_{idx}")
-            # Slider appears immediately below
-            rating = st.slider("", 1.0, 7.0, 4.0, step=0.1, key=f"slider_{group}_{idx}", disabled=(not include))
+            combined_col = cols[0]
+            checkbox_col = cols[1]
+            # Define combined variable with the title and description
+            combined = (
+                f"<span class='criteria-name'>{crit['name']}</span>"
+                f"&nbsp;&nbsp;&nbsp;"
+                f"<span class='criteria-description'>{crit['description']}</span>"
+            )
+            combined_col.markdown(combined, unsafe_allow_html=True)
+            include = checkbox_col.checkbox("", value=True, key=f"include_{group}_{idx}")
+            # Place slider directly under the text in the same column
+            rating = combined_col.slider(
+                "", 1.0, 7.0, 4.0, step=0.1, key=f"slider_{group}_{idx}", disabled=(not include)
+            )
             ratings.append(None if not include else rating)
 
+
 if st.button("Calculate Score"):
     result = calculate_score(ratings)
     st.markdown(f"<h2 style='text-align:center;'>{result}</h2>", unsafe_allow_html=True)