Upload app.py

app.py

@@ -4,32 +4,40 @@ st.set_page_config(layout="wide")
 
 css = """
 <style>
-  /* Remove extra spacing in markdown paragraphs */
+  /* Dark mode and movie theater safe theme */
+  body {
+    background-color: #121212 !important;
+    color: #e0e0e0 !important;
+  }
   .stMarkdown p {
       margin: 0 !important;
       padding: 0 !important;
+      color: #e0e0e0;
   }
   /* Compact styling for criterion name and description */
   .criteria-name {
       font-size: 12px;
       font-weight: bold;
+      color: #ffffff;
   }
   .criteria-description {
       font-size: 10px;
-      color: #555;
+      color: #cccccc;
   }
   .category-header {
       margin-top: 6px;
       margin-bottom: 3px;
       font-size: 14px;
       font-weight: bold;
-      border-bottom: 1px solid #ccc;
+      border-bottom: 1px solid #444;
       padding-bottom: 2px;
+      color: #ffffff;
   }
   .app-header {
       text-align: center;
       margin-bottom: 6px;
       font-size: 20px;
+      color: #ffffff;
   }
   /* Enlarge slider thumb for easier touch */
   div[data-baseweb="slider"] .Thumb {
@@ -123,29 +131,26 @@ def calculate_score(ratings):
 st.markdown("<h1 class='app-header'>Movie Rating System</h1>", unsafe_allow_html=True)
 ratings = []
 
-# For each criterion, display a header row with a combined title and description (with 3 non-breaking spaces in between)
+# For each criterion, display a row with the checkbox on the left, then title/description and 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():
-            cols = st.columns([7, 0.5])
-            combined_col = cols[0]
-            checkbox_col = cols[1]
-            # Define combined variable with the title and description
+            cols = st.columns([0.5, 7])
+            checkbox_col = cols[0]
+            combined_col = cols[1]
+            include = checkbox_col.checkbox("", value=True, key=f"include_{group}_{idx}")
             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)
+                "", 1.0, 7.0, 4.0, step=0.01, 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)