Update app.py

app.py

@@ -197,42 +197,42 @@ def load_data():
 
 df = load_data()
 
-# ================= HEADER — DIPERBAIKI (LOGO AMAN + TIDAK PECAH) =================
+# ================= HEADER — FIX FINAL (LOGO PASTI MUNCUL) =================
 with st.container():
-    col1, col2, col3 = st.columns([1, 5, 1])
+    col1, col2, col3 = st.columns([1.2, 6, 1.2])
 
-    # LEFT — logo.png (Michelin)
+    # LEFT — Michelin Logo
     with col1:
-        if os.path.exists("logo.png"):
-            try:
-                st.image("logo.png", width=100)
-            except Exception as e:
-                st.markdown('<div style="color:#003A8F; font-weight:700; font-size:16px;">Michelin</div>', unsafe_allow_html=True)
+        if os.path.isfile("logo.png"):
+            st.image("logo.png", use_container_width=True)
         else:
-            st.markdown('<div style="color:#003A8F; font-weight:700; font-size:16px;">Michelin</div>', unsafe_allow_html=True)
+            st.markdown(
+                "<h4 style='color:#003A8F; text-align:center;'>Michelin</h4>",
+                unsafe_allow_html=True
+            )
 
     # CENTER — Title
     with col2:
         st.markdown("""
-            <div style="text-align:center;">
-                <h1 style="margin:0; color:#154D9C; font-weight:bold; line-height:1.3;">
-                    Tyre Pressure Monitoring System (TPMS) Analytics for Mining Equipments
-                </h1>
-                <p style="color:#7d7d7d; font-size:12px; margin:6px 0 0 0;">
-                    Daily trend insights derived from 13–16 December 2023 data
-                </p>
-            </div>
+        <div style="text-align:center;">
+            <h1 style="margin:0; color:#154D9C; font-weight:800;">
+                Tyre Pressure Monitoring System (TPMS) Analytics for Mining Equipments
+            </h1>
+            <p style="color:#7d7d7d; font-size:13px; margin-top:6px;">
+                Daily trend insights derived from 13–16 December 2023 data
+            </p>
+        </div>
         """, unsafe_allow_html=True)
 
-    # RIGHT — btech.png (BTech)
+    # RIGHT — BTech Logo
     with col3:
-        if os.path.exists("btech.png"):
-            try:
-                st.image("btech.png", width=100)
-            except Exception as e:
-                st.markdown('<div style="color:#7d7d7d; font-weight:600; font-size:16px;">BTech</div>', unsafe_allow_html=True)
+        if os.path.isfile("btech.png"):
+            st.image("btech.png", use_container_width=True)
         else:
-            st.markdown('<div style="color:#7d7d7d; font-weight:600; font-size:16px;">BTech</div>', unsafe_allow_html=True)
+            st.markdown(
+                "<h4 style='color:#7d7d7d; text-align:center;'>BTech</h4>",
+                unsafe_allow_html=True
+            )
 
 # # ================= HEADER =================
 # st.markdown("""