From b3534e0d1ecdf9ccec8d9baef886b070077aac28 Mon Sep 17 00:00:00 2001
From: Extremesecrecy <10959169+extremesecrecy@users.noreply.github.com>
Date: Fri, 25 Jul 2025 11:46:11 -0700
Subject: [PATCH] Trying to follow the rest of the ui look
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added “whiteSpace: 'nowrap'” to input label styles so audio device labels remain on a single line without awkward wrapping

Removed the “Please select all audio settings.” warning and now show only the device status in the dialog footer.
---
 vite/src/pipedal/JackServerSettingsDialog.tsx | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/vite/src/pipedal/JackServerSettingsDialog.tsx b/vite/src/pipedal/JackServerSettingsDialog.tsx
index 2a606f1..1918261 100644
--- a/vite/src/pipedal/JackServerSettingsDialog.tsx
+++ b/vite/src/pipedal/JackServerSettingsDialog.tsx
@@ -102,10 +102,11 @@ const styles = (theme: Theme) =>
         selectEmpty: {
             marginTop: theme.spacing(2),
         },
-         inputLabel: {
+        inputLabel: {
             backgroundColor: theme.palette.background.paper,
             paddingLeft: 4,
-            paddingRight: 4
+            paddingRight: 4,
+            whiteSpace: "nowrap"
         },
         cpuStatusColor: {
             color: theme.palette.text.secondary,
@@ -536,6 +537,7 @@ const JackServerSettingsDialog = withStyles(
                 let s = this.state.jackServerSettings.clone();
                 s.valid = false;
                 this.model.setJackServerSettings(s);
+                this.startStatusTimer();
             }
         };
                 handleOk() {
@@ -738,14 +740,8 @@ const JackServerSettingsDialog = withStyles(
                             Latency: {this.state.latencyText}
                         </Typography>
                            <div className={classes.cpuStatusColor} style={{ paddingLeft: 24 }}>
-                             {JackHostStatus.getDisplayViewNoCpu("", this.state.jackStatus)}
+                            {JackHostStatus.getDisplayView("", this.state.jackStatus)}
                         </div>
-                            {!this.state.okEnabled && (
-                            <Typography display="block" variant="caption" color="error"
-                                style={{ textAlign: "left", marginLeft: 24 }}>
-                                Please select all audio settings.
-                            </Typography>
-                        )}
                     </DialogContent>
 
                     <DialogActions>