Update app.py

app.py

@@ -9,51 +9,44 @@ FIREBASE_URL = st.secrets["firebase_database_url"]
 FIREBASE_AUTH = st.secrets["firebase_api_key"]
 
 # ===============================
-# Custom CSS for UI
+# CSS for better UI
 # ===============================
 st.markdown("""
 <style>
-/* Sidebar title */
-.css-1d391kg h1 {
-    font-size: 26px !important;
-    color: #2E86C1 !important;
-    font-weight: 700 !important;
+/* Push content down to avoid top bar overlap */
+.block-container {
+    padding-top: 80px;
+    padding-left: 30px;
+    padding-right: 30px;
 }
 
-/* Rounded buttons with hover */
-.stButton > button {
-    background-color: #2E86C1;
-    color: white;
-    border-radius: 8px;
-    padding: 10px 20px;
-    border: none;
-    transition: 0.2s;
-    font-size: 16px;
-}
-.stButton > button:hover {
-    background-color: #1B4F72;
-    transform: scale(1.03);
+/* Style headers */
+h2 {
+    color: #2E86AB;
 }
 
-/* Rounded text inputs */
-.stTextInput input {
-    border-radius: 8px !important;
-    padding: 8px;
+h3 {
+    color: #117A65;
 }
 
-/* Card-style container */
-.card {
-    padding:15px; 
-    border-radius:10px; 
-    background-color:#F0F6FF; 
-    margin-bottom:10px;
+/* Style buttons */
+.stButton>button {
+    background-color: #117A65;
+    color: white;
+    border-radius: 8px;
+    padding: 0.4em 1em;
+    font-weight: bold;
 }
-
-/* Columns spacing */
-.block-container {
-    padding-top: 1.5rem;
+.stButton>button:hover {
+    background-color: #0D5C48;
 }
 
+/* Style text areas */
+textarea {
+    border-radius: 8px;
+    border: 1px solid #117A65;
+    padding: 5px;
+}
 </style>
 """, unsafe_allow_html=True)
 
@@ -76,40 +69,41 @@ def firebase_put(path, data):
     except:
         return None
 
-# ===============================
-# GLOBAL LOGIN
-# ===============================
+# ===================================================
+# GLOBAL LOGIN (applies to all roles)
+# ===================================================
 st.sidebar.title("🎓 Professor Dashboard")
 
 if "logged_in" not in st.session_state:
     st.session_state.logged_in = False
 
 if not st.session_state.logged_in:
-    st.subheader("🗝️ Professor Access")
+    st.markdown("<h2>🗝️ Professor Access</h2>", unsafe_allow_html=True)
+
     username = st.text_input("Username")
     password = st.text_input("Password", type="password")
 
-    if st.button("🔑 Login"):
+    if st.button("Login"):
         if username == "master" and password == "master":
             st.session_state.logged_in = True
             st.success("Login successful!")
             st.rerun()
         else:
             st.error("Incorrect username or password")
-    st.stop()
+    st.stop()  # stop everything until login is completed
 
-# ===============================
-# MENU SELECTION
-# ===============================
+# ===================================================
+# After login → Show menu
+# ===================================================
 menu = st.sidebar.selectbox("Select Mode", ["Professor Panel", "Student Evaluation"])
 
-# ===============================
-# PROFESSOR PANEL
-# ===============================
+# ===================================================
+# PROFESSOR PANEL (Quiz Creator)
+# ===================================================
 if menu == "Professor Panel":
     st.header("🏫 Professor Panel")
     st.success("You are logged in as Professor")
-    st.subheader("📝 Create New Quiz")
+    st.subheader("Create New Quiz")
 
     quiz_name = st.text_input("Quiz Name (Example: Quiz1)")
 
@@ -123,6 +117,7 @@ if menu == "Professor Panel":
             opt = st.text_input(f"Option {j}", key=f"q{i}_opt{j}")
             options.append(opt)
 
+        # Correct answer chosen by TEXT
         correct = st.selectbox(
             f"Correct answer for Question {i} (select by text)",
             options,
@@ -137,6 +132,7 @@ if menu == "Professor Panel":
 
     if st.button("💾 Save Quiz"):
         valid = all(q["question"] and all(q["options"]) for q in questions)
+
         if not quiz_name:
             st.error("Quiz name is required!")
         elif not valid:
@@ -145,19 +141,20 @@ if menu == "Professor Panel":
             firebase_put(f"master_quizzes/{quiz_name}", {"questions": questions})
             st.success(f"Quiz '{quiz_name}' saved successfully!")
 
-# ===============================
+# ===================================================
 # STUDENT EVALUATION
-# ===============================
+# ===================================================
 elif menu == "Student Evaluation":
     st.header("📊 Student Evaluation")
 
     # Refresh button
-    if st.button("🔁 Refresh Data"):
+    if st.button("🔄 Refresh Data"):
         st.cache_data.clear()
         st.rerun()
 
     # Load students
     students = firebase_get("student_quizzes")
+
     if not students:
         st.warning("No student data found.")
         st.stop()
@@ -166,22 +163,14 @@ elif menu == "Student Evaluation":
     selected_id = st.selectbox("Select Student ID", student_ids)
     info = students[selected_id]
 
-    # ===============================
-    # Student Info Card
-    # ===============================
     st.subheader("Student Information")
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
-    col1, col2 = st.columns(2)
-    with col1:
-        st.write(f"**Name:** {info.get('Name', '')}")
-    with col2:
-        st.write(f"**Class:** {info.get('Class', '')}")
-    st.markdown("</div>", unsafe_allow_html=True)
-
-    # ===============================
-    # Quiz Table
-    # ===============================
+    st.write(f"**Name:** {info.get('Name', '')}")
+    st.write(f"**Class:** {info.get('Class', '')}")
+
+    # Identify quizzes
     quiz_keys = [k for k in info.keys() if k.startswith("Quiz")]
+
+    # Show overview table
     table_data = []
     for q in quiz_keys:
         qd = info[q]
@@ -189,7 +178,6 @@ elif menu == "Student Evaluation":
         time = qd.get("Time", "")
         fb = qd.get("Feedback", "")
         fb_status = "Yes" if fb else "No"
-
         table_data.append({
             "Quiz": q,
             "Score": score,
@@ -197,14 +185,13 @@ elif menu == "Student Evaluation":
             "Feedbacked": fb_status
         })
 
-    st.subheader("📝 Quiz Overview")
+    st.subheader("Quiz Overview")
     df = pd.DataFrame(table_data)
     st.dataframe(df, use_container_width=True)
 
-    # ===============================
-    # Feedback Section
-    # ===============================
-    st.subheader("💬 Provide Feedback")
+    # Feedback section
+    st.subheader("Provide Feedback")
+
     choose_quiz = st.selectbox("Select a quiz to give feedback", quiz_keys)
     selected_quiz_data = info[choose_quiz]
 
@@ -214,7 +201,7 @@ elif menu == "Student Evaluation":
 
     feedback = st.text_area("Enter new feedback")
 
-    if st.button("📤 Send Feedback"):
+    if st.button("📨 Send Feedback"):
         firebase_put(f"student_quizzes/{selected_id}/{choose_quiz}/Feedback", feedback)
         st.success("Feedback sent successfully!")
         st.rerun()