From 3c20668b072a905d0e3ca9c7b205f7dadbdb5a1a Mon Sep 17 00:00:00 2001
From: Extremesecrecy <10959169+extremesecrecy@users.noreply.github.com>
Date: Wed, 23 Jul 2025 20:50:10 -0700
Subject: [PATCH] Update JackServerSettingsDialog.tsx

Allowed the device selector row in JackServerSettingsDialog to wrap items with a small gap so input and output dropdowns no longer collide
---
 vite/src/pipedal/JackServerSettingsDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vite/src/pipedal/JackServerSettingsDialog.tsx b/vite/src/pipedal/JackServerSettingsDialog.tsx
index 755e6dc..b9e764a 100644
--- a/vite/src/pipedal/JackServerSettingsDialog.tsx
+++ b/vite/src/pipedal/JackServerSettingsDialog.tsx
@@ -528,7 +528,7 @@ const JackServerSettingsDialog = withStyles(
 
                 >
                     <DialogContent>
-                        <div style={{ display: "flex", alignItems: "center" }}>
+                         <div style={{ display: "flex", alignItems: "center", flexWrap: "wrap", gap: 8 }}>
 						 {/* Audio Input Device */}
                             <FormControl className={classes.formControl}>
 							<InputLabel htmlFor="jsd_inputDevice">{this.state.useSameDevice ? "Device" : "Input Device"}</InputLabel>