Fix UI issues: ALS user IDs, remove shaking animation, improve card alignment

README.md

@@ -22,7 +22,7 @@ A hybrid recommendation system combining three powerful approaches:
 📊 Model insights and explanations
 
 ## Demo Users
-Try these user IDs: `101`, `318`, `451`, `999`, `3678`, `5890`, `45678`, `56789`, `67890`, `89012`
+Try these user IDs: `1`, `2`, `3`, `5`, `8`, `10`, `12`, `15`, `20`, `25`
 
 ## Tech Stack
 - **Frontend**: Streamlit

app_streamlit.py

@@ -16,20 +16,12 @@ st.set_page_config(page_title="InstaRec - Your Grocery Store", layout="wide", in
 # Custom CSS for ultra-modern, creative DARK MODE styling
 st.markdown("""
 <style>
-    /* Main app background with animated gradient */
+    /* Main app background - static to prevent shaking */
     .stApp {
         background: linear-gradient(135deg, #1f2937 0%, #111827 50%, #0f172a 100%);
-        background-size: 200% 200%;
-        animation: gradient 15s ease infinite;
         color: #d1d5db; /* Default light text color */
     }
     
-    @keyframes gradient {
-        0% { background-position: 0% 50%; }
-        50% { background-position: 100% 50%; }
-        100% { background-position: 0% 50%; }
-    }
-    
     /* Reduce main padding */
     .block-container {
         padding-top: 2rem;
@@ -194,6 +186,8 @@ st.markdown("""
         flex: 1;
         display: flex;
         flex-direction: column;
+        justify-content: space-between;
+        min-height: 180px;
     }
     
     .product-title {
@@ -202,7 +196,8 @@ st.markdown("""
         color: #f9fafb; /* Light text */
         margin-bottom: 0.5rem;
         line-height: 1.4;
-        min-height: 2.8rem;
+        height: 2.8rem;
+        overflow: hidden;
     }
     
     .product-dept {
@@ -466,7 +461,8 @@ st.markdown("""
 CATALOG_PATH = Path("data/processed/catalog_with_dept_images.parquet")
 THUMBNAILS_DIR = Path("assets/thumbnails")
 FALLBACK_IMG = THUMBNAILS_DIR / "missing.jpg"
-USER_IDS = [101, 318, 451, 999, 3678, 5890, 45678, 56789, 67890, 89012]
+# Demo user IDs (matching the demo dataset created with 10 users)
+USER_IDS = [1, 2, 3, 5, 8, 10, 12, 15, 20, 25]
 
 # LightGBM Model paths
 ARTIFACT_DIR = Path("models/lightgbm_ranker")