From 086c89df5b920aa9c1bc3c5e562d846dcc1a36fb Mon Sep 17 00:00:00 2001
From: l0ng-ai <24760907+l0ng-ai@users.noreply.github.com>
Date: Fri, 6 Nov 2026 08:11:50 +0800
Subject: [PATCH] fix(settings): fit long labels in aligned settings forms
 (#1643)

The aligned settings forms had a fixed 130px label column and labels don't wrap, so "Project folder on target" and longer translations ran under their field. The aligned rows of a section now share one subgrid label column, at least 130px and as wide as its widest label (Run Targets, SSH Configurations, CMake, Tools).
---
 src/features/settings/pages/Workflow.module.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/features/settings/pages/Workflow.module.css b/src/features/settings/pages/Workflow.module.css
index 5ba74423a..5f004af6e 100644
--- a/src/features/settings/pages/Workflow.module.css
+++ b/src/features/settings/pages/Workflow.module.css
@@ -213,6 +213,16 @@
   vertical-align: -3px;
   margin-right: 6px;
 }
+/* The aligned rows of a section share one label column, as wide as its widest label. */
+.toolsLayout *:has(> .alignedRow) {
+  display: grid;
+  grid-template-columns: minmax(130px, max-content) minmax(0, 1fr);
+  column-gap: 8px;
+  align-content: start;
+}
+.toolsLayout *:has(> .alignedRow) > * {
+  grid-column: 1 / -1;
+}
 .toolsLayout .alignedRow {
-  grid-template-columns: 130px minmax(0, 1fr);
+  grid-template-columns: subgrid;
 }