fix: center environment action buttons vertically

src/componets/env/Environment.tsx

@@ -97,7 +97,7 @@ export function Environment({ envs, onChanged, onSelected, onAdd, onRemove }: En
     <Card variant="bordered" padding="none" className="h-full">
       <CardBody className="space-y-4">
         {/* Environment Selector */}
-        <div className="flex items-center gap-2">
+        <div className="flex gap-2">
           <div className="flex-1">
             <Select
               label="Environment"
@@ -111,23 +111,27 @@ export function Environment({ envs, onChanged, onSelected, onAdd, onRemove }: En
               id="environments"
             />
           </div>
-          
+
-          <Button
+          <div className="flex flex-col justify-center gap-2 pt-6">
-            variant="success"
+            <div className="flex gap-2">
-            size="sm"
+              <Button
-            onClick={handleAddEnv}
+                variant="success"
-            title="Add environment"
+                size="sm"
-            icon={Plus}
+                onClick={handleAddEnv}
-          />
+                title="Add environment"
-          
+                icon={Plus}
-          <Button
+              />
-            variant="danger"
+
-            size="sm"
+              <Button
-            onClick={handleRemoveEnv}
+                variant="danger"
-            title="Remove environment"
+                size="sm"
-            icon={Minus}
+                onClick={handleRemoveEnv}
-            disabled={currEnv.isDefault()}
+                title="Remove environment"
-          />
+                icon={Minus}
+                disabled={currEnv.isDefault()}
+              />
+            </div>
+          </div>
         </div>
 
         {/* Parameters Section */}