From 8a4c2143246c7ea9fd3e83631c20ce5c58a65218 Mon Sep 17 00:00:00 2001
From: "samanhappy@qq.com" <my6051199>
Date: Tue, 1 Apr 2025 23:10:13 +0800
Subject: [PATCH] refactor: adjust layout of MCP Hub Dashboard for improved
 structure and alignment

---
 public/js/app.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/public/js/app.js b/public/js/app.js
index 6a76e49..e6c4d49 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -199,7 +199,7 @@ function AddServerForm({ onAdd }) {
   };
 
   return (
-    <div className="mb-6">
+    <div>
       <button
         onClick={toggleModal}
         className="w-full bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded"
@@ -410,9 +410,10 @@ function App() {
   return (
     <div className="min-h-screen bg-gray-100 p-8">
       <div className="max-w-3xl mx-auto">
-        <h1 className="text-3xl font-bold text-gray-900 mb-8">MCP Hub Dashboard</h1>
-
-        <AddServerForm onAdd={handleServerAdd} />
+        <div className="flex justify-between items-center mb-8">
+          <h1 className="text-3xl font-bold text-gray-900">MCP Hub Dashboard</h1>
+          <AddServerForm onAdd={handleServerAdd} />
+        </div>
 
         {servers.length === 0 ? (
           <div className="bg-white shadow rounded-lg p-6">