Move MCP button back to HTML block with padding adjustment

app.py

@@ -202,14 +202,6 @@ 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.)
@@ -220,6 +212,19 @@ with gr.Blocks(title="Web Search MCP Server") as demo:
         """
     )
 
+    gr.HTML(
+        """
+        <div style="margin-bottom: 24px;">
+            <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>
+        """,
+        padding=0,
+    )
+
     with gr.Row():
         with gr.Column(scale=3):
             query_input = gr.Textbox(