Upload app.py

app.py

@@ -14,11 +14,11 @@ css = """
       font-size: 12px;
       color: #555;
       margin-top: 0px;
-      margin-bottom: 2px;
+      margin-bottom: 0px;  /* Remove gap below description */
   }
   .subcriteria {
-      margin-bottom: 2px;
-      padding: 1px 0;
+      margin-bottom: 0px;  /* Remove extra bottom margin */
+      padding: 0px;        /* Remove padding */
   }
   .category-header {
       margin-top: 6px;
@@ -33,7 +33,7 @@ css = """
       margin-bottom: 6px;
       font-size: 20px;
   }
-  /* Enlarge slider thumb for easier touch */
+  /* Enlarge the slider thumb for easier touch */
   div[data-baseweb="slider"] .Thumb {
       width: 24px !important;
       height: 24px !important;
@@ -70,7 +70,7 @@ css = """
 """
 st.markdown(css, unsafe_allow_html=True)
 
-# Define criteria with names and descriptions.
+# Define criteria grouped by category with names and descriptions
 criteria = {
     "Writing": [
         {"name": "Dialogue", "description": "Word choice, realism, subtext, and implications."},
@@ -127,13 +127,12 @@ def calculate_score(ratings):
 st.markdown("<h1 class='app-header'>Movie Rating System</h1>", unsafe_allow_html=True)
 ratings = []
 
-# Loop through criteria; for each, display a header row with the criterion name and a small include checkbox,
-# then the description and the slider (with minimal spacing).
+# For each category and criterion, display a header row with the criterion name and include checkbox,
+# then the description immediately below, followed immediately by the slider.
 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():
-            # Header row: name on the left and include checkbox on the right.
             header_cols = st.columns([4, 0.5])
             header_cols[0].markdown(f"<span class='criteria-name'>{crit['name']}</span>", unsafe_allow_html=True)
             include = header_cols[1].checkbox("", value=True, key=f"include_{group}_{idx}")