From 003fff067aa80590ce532fb6ec719ff37e2ae02f Mon Sep 17 00:00:00 2001
From: Robby <robbyczgw@gmail.com>
Date: Sun, 25 Jan 2026 11:30:56 +0000
Subject: [PATCH] fix: add text overflow ellipsis to config section titles

Fixes #1728

Config section header titles were being truncated without visual
indication. Added standard CSS truncation to BOTH title classes:
- .config-section-hero__title (main section headers)
- .config-section-card__title (card headers)

Properties added:
- white-space: nowrap
- overflow: hidden
- text-overflow: ellipsis
---
 ui/src/styles/config.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ui/src/styles/config.css b/ui/src/styles/config.css
index 29ce19d8e..fcdeeb51f 100644
--- a/ui/src/styles/config.css
+++ b/ui/src/styles/config.css
@@ -413,6 +413,9 @@
   font-size: 16px;
   font-weight: 600;
   letter-spacing: -0.01em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .config-section-hero__desc {
@@ -586,6 +589,9 @@
   font-size: 17px;
   font-weight: 600;
   letter-spacing: -0.01em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .config-section-card__desc {