Update src/streamlit_app.py

src/streamlit_app.py

@@ -31,7 +31,7 @@ st.markdown("""
           font-family: 'Source Sans Pro', sans-serif;
           font-size: 32px;
           color: #2c3e50;
-          margin-top: 20px;
+          margin-top: 15px;
           margin-bottom: 10px;
           border-bottom: 3px solid #ccc;
           padding-bottom: 8px;
@@ -51,11 +51,11 @@ design targeted strategies to improve public safety.</div>""",unsafe_allow_html=
 # 2. Data info & load
 st.markdown("<div class='sectionheader'> Dataset Information </div>", unsafe_allow_html=True)
 st.markdown(
-    """
+    """ <div class='description'>
 - **Source:** LAPD crime incidents dataset  
 - **Rows:** incidents (one per row)  
 - **Columns:** e.g. `crm_cd_desc` (crime type), `arrest` (boolean), `date`, `location_description`, etc.  
-- **Purpose:** Interactive exploration of top crime categories and arrest rates.
+- **Purpose:** Interactive exploration of top crime categories and arrest rates.</div>
 """
 )
 
@@ -66,7 +66,7 @@ DATA_PATH = Path(__file__).parent / "crime_data.csv"        # /app/src/crime_dat
 def load_data():
     return pd.read_csv(DATA_PATH)
     
-if st.button("🔄"):
+if st.button("🔄 Refresh Data"):
     st.cache_data.clear()  # Clear the cache
     st.toast("Data is refreshed",icon="✅")  # Reload the data
     
@@ -78,6 +78,13 @@ if df.empty:
 # 3. Data preview
 st.markdown("<div class='sectionheader'> Data Preview </div>", unsafe_allow_html=True)
 st.write(f"Total records: {df.shape[0]}  |  Total columns: {df.shape[1]}")
+st.markdown(
+    f"<div class='description'>"
+    f"Total records: <strong>{df.shape[0]:,}</strong> &nbsp;|&nbsp; "
+    f"Total columns: <strong>{df.shape[1]:,}</strong>"
+    f"</div>",
+    unsafe_allow_html=True
+)
 st.dataframe(df.head())
 
 # Pie Chart 1: Top 10 Crime Types