Fix dialog button spacing and disable auto-focus on open

Author: chriswritescode-dev

frontend/src/components/settings/AddMcpServerDialog.tsx

@@ -365,7 +365,7 @@ export function AddMcpServerDialog({ open, onOpenChange, onUpdate }: AddMcpServe
           </div>
         </div>
 
-        <DialogFooter className="p-3 sm:p-4 border-t gap-2">
+        <DialogFooter className="p-3 sm:p-4 border-t gap-2 pb-4">
           <Button variant="outline" onClick={handleClose} className="flex-1 sm:flex-none">
             Cancel
           </Button>

frontend/src/components/settings/AgentDialog.tsx

@@ -521,7 +521,7 @@ export function AgentDialog({ open, onOpenChange, onSubmit, editingAgent }: Agen
           </Form>
         </div>
 
-        <DialogFooter className="p-3 sm:p-4 border-t gap-2">
+        <DialogFooter className="p-3 sm:p-4 border-t gap-2 pb-4">
           <Button variant="outline" onClick={() => handleOpenChange(false)} className="flex-1 sm:flex-none">
             Cancel
           </Button>

frontend/src/components/settings/CommandDialog.tsx

@@ -250,7 +250,7 @@ export function CommandDialog({
           </Form>
         </div>
 
-        <DialogFooter className="p-3 sm:p-4 border-t gap-2">
+        <DialogFooter className="p-3 sm:p-4 border-t gap-2 pb-4">
           <Button variant="outline" onClick={() => handleOpenChange(false)} className="flex-1 sm:flex-none">
             Cancel
           </Button>

frontend/src/components/settings/CreateConfigDialog.tsx

@@ -160,7 +160,7 @@ export function CreateConfigDialog({ isOpen, onOpenChange, onCreate, isUpdating
           </div>
         </div>
 
-        <div className="flex flex-row sm:flex-row justify-end gap-2 flex-shrink-0 pt-4 border-t">
+        <div className="flex flex-row sm:flex-row justify-end gap-2 flex-shrink-0 pt-4 pb-4 border-t">
           <Button variant="outline" onClick={() => onOpenChange(false)} className="flex-1 sm:flex-none">
             Cancel
           </Button>

frontend/src/components/ui/dialog.tsx

@@ -46,6 +46,7 @@ const DialogContent = React.forwardRef<
       {!fullscreen && <DialogOverlay className={overlayClassName} />}
       <DialogPrimitive.Content
         ref={ref}
+        autoFocus={false}
         aria-describedby={undefined}
         className={cn(
           "fixed z-50 grid gap-4 border-0 sm:border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",