From df48da269ab658147183991959bcd1edbe430be6 Mon Sep 17 00:00:00 2001
From: samanhappy <samanhappy@gmail.com>
Date: Thu, 3 Apr 2025 10:08:57 +0800
Subject: [PATCH] refactor: enhance AddServerForm UI for adding environment
 variables

---
 public/js/app.js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/public/js/app.js b/public/js/app.js
index 950091b..6888e3a 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -346,9 +346,18 @@ function AddServerForm({ onAdd }) {
                   </div>
                   
                   <div className="mb-4">
-                    <label className="block text-gray-700 text-sm font-bold mb-2">
-                      Environment Variables
-                    </label>
+                    <div className="flex justify-between items-center mb-2">
+                      <label className="block text-gray-700 text-sm font-bold">
+                        Environment Variables
+                      </label>
+                      <button
+                        type="button"
+                        onClick={addEnvVar}
+                        className="bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-3 rounded text-sm"
+                      >
+                        + Add
+                      </button>
+                    </div>
                     {envVars.map((envVar, index) => (
                       <div key={index} className="flex items-center space-x-2 mb-2">
                         <input
@@ -375,13 +384,6 @@ function AddServerForm({ onAdd }) {
                         </button>
                       </div>
                     ))}
-                    <button
-                      type="button"
-                      onClick={addEnvVar}
-                      className="mt-2 bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-3 rounded text-sm"
-                    >
-                      + Add Environment Variable
-                    </button>
                   </div>
                 </Fragment>
               )}