Update app.py

app.py

@@ -722,7 +722,7 @@ st.markdown(f"""
 # {insight_text.strip()}
 # </div>
 # </div>
-# """, unsafe_allow_html=True)
+# "
 st.markdown("""
 <h3 class="objective-title">OBJECTIVE 3: Alarm Frequency Analysis — Shift-Based Radial Charts</h3>
 <small>*Showing alarm types by shift: Normal (Green), Amber (Yellow), Red (Red)</small>
@@ -811,7 +811,7 @@ def create_radial_chart(pos_data, title, shift_hours, shift_type):
 # =============== ROW 1: Position 1 & 2 (Pagi & Sore) ===============
 with col1:
     # Position 1 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 1 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos1_data = alarm_data[alarm_data['Position'] == 1].copy()
     pos1_data = pos1_data[pos1_data['hour'].between(6, 17, inclusive='both')]
     fig1 = create_radial_chart(pos1_data, "Position 1 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -822,7 +822,7 @@ with col1:
 
 with col2:
     # Position 1 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 1 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos1_data = alarm_data[alarm_data['Position'] == 1].copy()
     pos1_data = pos1_data[~pos1_data['hour'].between(6, 17, inclusive='both')]
     fig2 = create_radial_chart(pos1_data, "Position 1 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -833,7 +833,7 @@ with col2:
 
 with col3:
     # Position 2 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 2 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos2_data = alarm_data[alarm_data['Position'] == 2].copy()
     pos2_data = pos2_data[pos2_data['hour'].between(6, 17, inclusive='both')]
     fig3 = create_radial_chart(pos2_data, "Position 2 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -844,7 +844,7 @@ with col3:
 
 with col4:
     # Position 2 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 2 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos2_data = alarm_data[alarm_data['Position'] == 2].copy()
     pos2_data = pos2_data[~pos2_data['hour'].between(6, 17, inclusive='both')]
     fig4 = create_radial_chart(pos2_data, "Position 2 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -856,7 +856,7 @@ with col4:
 # =============== ROW 2: Position 3 & 4 (Pagi & Sore) ===============
 with col5:
     # Position 3 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 3 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos3_data = alarm_data[alarm_data['Position'] == 3].copy()
     pos3_data = pos3_data[pos3_data['hour'].between(6, 17, inclusive='both')]
     fig5 = create_radial_chart(pos3_data, "Position 3 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -867,7 +867,7 @@ with col5:
 
 with col6:
     # Position 3 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 3 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos3_data = alarm_data[alarm_data['Position'] == 3].copy()
     pos3_data = pos3_data[~pos3_data['hour'].between(6, 17, inclusive='both')]
     fig6 = create_radial_chart(pos3_data, "Position 3 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -878,7 +878,7 @@ with col6:
 
 with col7:
     # Position 4 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 4 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos4_data = alarm_data[alarm_data['Position'] == 4].copy()
     pos4_data = pos4_data[pos4_data['hour'].between(6, 17, inclusive='both')]
     fig7 = create_radial_chart(pos4_data, "Position 4 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -889,7 +889,7 @@ with col7:
 
 with col8:
     # Position 4 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 4 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos4_data = alarm_data[alarm_data['Position'] == 4].copy()
     pos4_data = pos4_data[~pos4_data['hour'].between(6, 17, inclusive='both')]
     fig8 = create_radial_chart(pos4_data, "Position 4 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -942,7 +942,6 @@ st.markdown(f"""
     </div>
 </div>
 """, unsafe_allow_html=True)
-
 # ================= OBJECTIVE 3 =================
 st.markdown('<h3 class="objective-title">OBJECTIVE 4: Correlation — How Does Heat Influence Pressure and Which Tyres Trigger Red Alarms?</h3>', unsafe_allow_html=True)