update

app.py

@@ -93,8 +93,6 @@ if st.button("Search News About Me"):
         st.warning("Please enter your name or handle to search.")
 
 # Google Search: Global News Categories
-
-
 # Categories for News
 categories = ["Technology", "Sports", "Politics", "Entertainment", "Science"]
 
@@ -111,15 +109,26 @@ try:
         except Exception as e:
             news_results[category] = [f"Error fetching news: {str(e)}"]
 
-    # Display Results Using Columns
+    # Display Results with Styled Buttons
     for category, articles in news_results.items():
         st.subheader(f"{category} News")
-        cols = st.columns(3)  # Create 3 columns for carousel-like layout
+        cols = st.columns(3)  # Create 3 columns for the layout
 
         if articles and "Error fetching news" not in articles[0]:
             for idx, article in enumerate(articles):
                 with cols[idx % 3]:  # Cycle through columns
-                    st.markdown(f"### [{category} Article {idx + 1}]({article})", unsafe_allow_html=True)
+                    st.markdown(
+                        f"""
+                        <div style="padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin: 10px; text-align: center;">
+                            <a href="{article}" target="_blank" style="text-decoration: none;">
+                                <button style="background-color: #4CAF50; color: white; border: none; padding: 10px 20px; text-align: center; display: inline-block; font-size: 16px; border-radius: 5px;">
+                                    {category} Article {idx + 1}
+                                </button>
+                            </a>
+                        </div>
+                        """,
+                        unsafe_allow_html=True,
+                    )
         else:
             st.warning(f"Could not fetch news for **{category}**.")
 except Exception as e: