Update app.py

app.py

@@ -244,23 +244,23 @@ def load_data():
 
 df = load_data()
 
-col1, col2, col3 = st.columns([1, 4, 1])
+col1, col2, col3 = st.columns([1.5, 6, 1.5])  # Increased side column width
 
 with col1:
     st.markdown("""
-    <div style="display:flex; align-items:center; justify-content:center; height:100%;">
+    <div style="display:flex; align-items:center; justify-content:center; height:100%; padding:5px;">
         <img src="https://huggingface.co/spaces/bukittechnology/tyre/resolve/main/logo.png"
-             style="max-width:120px; height:auto;">
+             style="max-width:120px; height:auto; object-fit:contain;">
     </div>
     """, unsafe_allow_html=True)
 
 with col2:
     st.markdown("""
     <div style="text-align:center; font-family:Arial, sans-serif; padding:2px 0;">
-        <h1 style="color:#154D9C; font-weight:bold; margin:0;">
-            Tyre Pressure Monitoring System (TPMS) Analytics for Mining Equipments
+        <h1 style="color:#154D9C; font-weight:bold; margin:0; line-height:1.3;">
+            Tyre Pressure Monitoring System (TPMS) Analytics<br>for Mining Equipments
         </h1>
-        <p style="font-size:1px; color:#7d7d7d; margin:4px 0 1px 0;">
+        <p style="font-size:12px; color:#7d7d7d; margin:8px 0 0 0;">
             Daily trend insights derived from 13–16 December 2023 data
         </p>
     </div>
@@ -268,13 +268,12 @@ with col2:
 
 with col3:
     st.markdown("""
-    <div style="display:flex; align-items:center; justify-content:center; height:100%;">
+    <div style="display:flex; align-items:center; justify-content:center; height:100%; padding:5px;">
         <img src="https://huggingface.co/spaces/bukittechnology/tyre/resolve/main/img-logo-BTech.webp"
-             style="max-width:120px; height:auto;">
+             style="max-width:120px; height:auto; object-fit:contain;">
     </div>
     """, unsafe_allow_html=True)
 
-
 # ================= SIDEBAR FILTERS =================
 with st.sidebar:
     st.markdown("### Filter")
@@ -1527,14 +1526,16 @@ st.markdown(f"""
 """, unsafe_allow_html=True)
 
 st.markdown("""
-<div class="footer" style="
+<div style="
     text-align: center;
-    padding: 12px 0;
+    padding: 12px 0 40px 0;
     margin-top: 20px;
+    margin-bottom: 40px;
     font-family: Arial, sans-serif;
+    border: none !important;
 ">
-    <div style="font-size: 10px; color: #7d7d7d;">
+    <span style="font-size: 10px; color: #7d7d7d;">
         &copy; 2025 Bukit Technology Digital. All rights reserved.
-    </div>
+    </span>
 </div>
 """, unsafe_allow_html=True)