Update app.py

app.py

@@ -32,16 +32,27 @@ st.markdown("""
         font-weight: bold;
     }
 
-    /* Custom layout for semester input boxes */
+    /* Styling for the semester box */
     .semester-box {
         border: 2px solid #003366;
-        padding: 10px;
+        padding: 15px;
         border-radius: 8px;
         margin-top: 10px;
-        width: 50%;  /* Adjust width for a shorter input box */
+        width: 45%;  /* Adjust width of the box */
         display: inline-block;
+        margin-right: 20px;  /* Space between boxes */
+        margin-bottom: 20px;
     }
 
+    /* Styling for the label */
+    .input-label {
+        font-weight: bold;
+        font-size: 14px;
+        margin-bottom: 5px;
+        display: block;
+    }
+
+    /* Styling for the input field */
     .input-field {
         border: 2px solid #003366;
         border-radius: 8px;
@@ -51,12 +62,26 @@ st.markdown("""
         margin-bottom: 10px;
     }
 
-    /* Position the label and the input box side by side */
-    .input-label {
-        display: inline-block;
-        width: 40%;  /* Label width */
-        margin-right: 10px;
+    /* Styling for the whole semester input section */
+    .semester-section {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        margin-bottom: 20px;
     }
+
+    /* Input container for the label and field alignment */
+    .input-container {
+        display: flex;
+        flex-direction: column;
+        margin-bottom: 10px;
+    }
+
+    /* Ensure space between the label and field */
+    .semester-box-inner {
+        margin-bottom: 15px;
+    }
+
     </style>
 """, unsafe_allow_html=True)
 
@@ -213,24 +238,21 @@ else:
         example_data = sample_cntt_example_simple if sample_option == "Dùng ví dụ mẫu ngành Công nghệ thông tin" else sample_kinhte_example_simple if sample_option == "Dùng ví dụ mẫu ngành Kinh tế" else None
         default_values = example_data["semester_data"][idx*3:(idx+1)*3] if example_data else None  # Fix this line to slice 3 values per semester (Số tín chỉ đạt, Số tín chỉ nợ, GPA)
         
-        # First row (3 boxes)
-        if idx < 3:
-            with st.expander(f"📘 {sem}", expanded=True):
-                col1, col2, col3 = st.columns(3)  # 3 columns for the first row
-                with col1:
-                    sotc_qua = st.number_input(f"Số tín chỉ đạt - {sem}", 0, value=default_values[0] if default_values else 0, key=f"tcqua_imp_{sem}")
-                with col2:
-                    sotcno = st.number_input(f"Số tín chỉ nợ - {sem}", 0, value=default_values[1] if default_values else 0, key=f"tcno_imp_{sem}")
-                with col3:
-                    TBCHK = st.number_input(f"Điểm trung bình - {sem}", 0.0, 10.0, value=default_values[2] if default_values else 0.0, step=0.01, key=f"gpa_imp_{sem}")
-        else:  # Second row (2 boxes)
-            with st.expander(f"📘 {sem}", expanded=True):
-                col1, col2 = st.columns(2)  # 2 columns for the second row
-                with col1:
-                    sotc_qua = st.number_input(f"Số tín chỉ đạt - {sem}", 0, value=default_values[0] if default_values else 0, key=f"tcqua_imp_{sem}")
-                    sotcno = st.number_input(f"Số tín chỉ nợ - {sem}", 0, value=default_values[1] if default_values else 0, key=f"tcno_imp_{sem}")
-                with col2:
-                    TBCHK = st.number_input(f"Điểm trung bình - {sem}", 0.0, 10.0, value=default_values[2] if default_values else 0.0, step=0.01, key=f"gpa_imp_{sem}")
+        with st.expander(f"📘 {sem}", expanded=True):
+            # Create a box for each semester with 3 rows of label and input box
+            col1 = st.columns(1)[0]  # Ensure single column for each input box
+            
+            # Row 1
+            st.write("Số tín chỉ đạt:")
+            sotc_qua = st.number_input(f"Điền Số tín chỉ đạt - {sem}", 0, value=default_values[0] if default_values else 0, key=f"tcqua_imp_{sem}")
+            
+            # Row 2
+            st.write("Số tín chỉ nợ:")
+            sotcno = st.number_input(f"Điền Số tín chỉ nợ - {sem}", 0, value=default_values[1] if default_values else 0, key=f"tcno_imp_{sem}")
+            
+            # Row 3
+            st.write("Điểm trung bình:")
+            TBCHK = st.number_input(f"Điền Điểm trung bình - {sem}", 0.0, 10.0, value=default_values[2] if default_values else 0.0, step=0.01, key=f"gpa_imp_{sem}")
         
         # Collect semester data
         data += [sotc_qua, sotcno, TBCHK]