Move MCP button into markdown section and increase size

app.py

@@ -202,6 +202,14 @@ with gr.Blocks(title="Web Search MCP Server") as demo:
         
         This MCP server provides web search capabilities to LLMs. It can perform general web searches
         or specifically search for fresh news articles, extracting the main content from results.
+
+        <div style="margin: 24px 0;">
+            <a href="#" onclick="window.location.href = window.location.pathname + '?view=api'; return false;">
+                <img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/use-with-mcp-lg-dark.svg" 
+                     alt="Use with MCP" 
+                     style="height: 36px;">
+            </a>
+        </div>
         
         **Search Types:**
         - **General Search**: Diverse results from various sources (blogs, docs, articles, etc.)
@@ -212,18 +220,6 @@ with gr.Blocks(title="Web Search MCP Server") as demo:
         """
     )
 
-    gr.HTML(
-        """
-        <div>
-            <a href="#" onclick="window.location.href = window.location.pathname + '?view=api'; return false;">
-                <img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/use-with-mcp-lg-dark.svg" 
-                     alt="Use with MCP" 
-                     style="height: 20px; vertical-align: middle;">
-            </a>
-        </div>
-        """
-    )
-
     with gr.Row():
         with gr.Column(scale=3):
             query_input = gr.Textbox(