Update app.py

app.py

@@ -328,6 +328,10 @@ with gr.Blocks(title="CookBook") as demo:
                 <div class="contact-name">Welcome Chef</div>
             </div>
             """)
+            
+            # --- MODIFICATION 1: Separator Line below profile ---
+            gr.HTML("<hr style='border:0; border-top:1px solid #ced0d4; margin: 10px 0;'>")
+            
             nav_digital = gr.Button("✨  Digitalize Recipe", elem_classes=["nav-btn", "selected"])
             nav_feed = gr.Button("📰  News Feed", elem_classes=["nav-btn"])
             nav_saved = gr.Button("🔖  Saved Recipes", elem_classes=["nav-btn"])
@@ -354,7 +358,7 @@ with gr.Blocks(title="CookBook") as demo:
                     
                     gr.HTML("<div style='height:15px'></div>")
                     
-                    # 1. Quick Start Images (MOVED HERE)
+                    # 1. Quick Start Images
                     gr.Examples(
                         examples=[
                             ["quick_tries_images/applecrisp.jpg"], 
@@ -366,7 +370,7 @@ with gr.Blocks(title="CookBook") as demo:
                     
                     gr.HTML("<div style='height:10px'></div>")
 
-                    # 2. Convert Button (MOVED HERE)
+                    # 2. Convert Button
                     magic_btn = gr.Button("✨ Convert to Text", variant="primary") 
 
                 # SECTION B: TEXT OUTPUT
@@ -411,6 +415,10 @@ with gr.Blocks(title="CookBook") as demo:
 
             # --- VIEW 2: FEED ---
             with gr.Column(visible=False) as feed_view:
+                
+                # --- MODIFICATION 2: Feed Header ---
+                gr.Markdown("### 🍽️ Explore Our Recipes")
+                
                 if not df_recipes.empty:
                     feed_samples = df_recipes.sample(10)
                     for index, row in feed_samples.iterrows():
@@ -418,6 +426,12 @@ with gr.Blocks(title="CookBook") as demo:
                         emoji = random.choice(["🥘", "🥗", "🍰", "🌮"])
                         post_time = random.choice(["2h", "3h", "6h", "Yesterday"])
                         
+                        # PREPARE TEXT FOR "SEE MORE"
+                        full_content = str(row['Raw_Output'])
+                        # Split text: Preview (first 200 chars) vs Hidden (rest)
+                        preview_text = full_content[:200]
+                        hidden_text = full_content[200:]
+                        
                         with gr.Group(elem_classes=["fb-card"]):
                             gr.HTML(f"""
                             <div class="post-header">
@@ -429,7 +443,17 @@ with gr.Blocks(title="CookBook") as demo:
                             </div>
                             """)
                             gr.Markdown(f"**{row['Title']}**")
-                            gr.Markdown(f"{str(row['Raw_Output'])[:300]}... <span style='color:#1877F2; cursor:pointer;'>See more</span>")
+                            
+                            # --- MODIFICATION 3: HTML Details/Summary for "See More" ---
+                            gr.HTML(f"""
+                            <div style="font-family: inherit; font-size: 14px;">
+                                {preview_text}
+                                <details style="display:inline;">
+                                    <summary style="cursor:pointer; color:#1877F2; font-weight:600; list-style:none; display:inline;">... See more</summary>
+                                    <span style="display:block; margin-top:5px;">{hidden_text}</span>
+                                </details>
+                            </div>
+                            """)
                             
                             with gr.Row(elem_classes=["post-actions"]):
                                 gr.Button("👍 Like", elem_classes=["action-btn"], size="sm")