From 896f1ee3a7808cd6fc36098b6490f16e8fc1562b Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Wed, 11 Feb 2026 01:21:26 +0700
Subject: [PATCH] refactor(EasySwitchManager): enhance text display by removing
 truncation and adding word break for better readability

---
 frontend/src/EasySwitchManager.jsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/EasySwitchManager.jsx b/frontend/src/EasySwitchManager.jsx
index 9ea3b89..e305102 100644
--- a/frontend/src/EasySwitchManager.jsx
+++ b/frontend/src/EasySwitchManager.jsx
@@ -932,10 +932,8 @@ function EasySwitchManager() {
                                       </span>
                                       <div className="flex-grow-1 min-w-0">
                                         <div
-                                          className={`fw-bold text-truncate ${
-                                            isActive ? 'text-white' : ''
-                                          }`}
-                                          style={{ fontSize: '0.85rem', lineHeight: '1.2' }}
+                                          className={`fw-bold ${isActive ? 'text-white' : ''}`}
+                                          style={{ fontSize: '0.85rem', lineHeight: '1.2', wordBreak: 'break-word' }}
                                         >
                                           {gw.comment || gw.name}
                                         </div>
@@ -1093,10 +1091,8 @@ function EasySwitchManager() {
                                                     </span>
                                                     <div className="flex-grow-1 min-w-0">
                                                       <div
-                                                        className={`fw-bold text-truncate ${
-                                                          isActive ? 'text-white' : ''
-                                                        }`}
-                                                        style={{ fontSize: '0.85rem', lineHeight: '1.2' }}
+                                                        className={`fw-bold ${isActive ? 'text-white' : ''}`}
+                                                        style={{ fontSize: '0.85rem', lineHeight: '1.2', wordBreak: 'break-word' }}
                                                       >
                                                         {gw.comment || gw.name}
                                                       </div>
@@ -1243,8 +1239,8 @@ function EasySwitchManager() {
                                             </span>
                                             <div className="flex-grow-1 min-w-0">
                                               <div
-                                                className={`fw-bold text-truncate ${isActive ? 'text-white' : ''}`}
-                                                style={{ fontSize: '0.85rem', lineHeight: '1.2' }}
+                                                className={`fw-bold ${isActive ? 'text-white' : ''}`}
+                                                style={{ fontSize: '0.85rem', lineHeight: '1.2', wordBreak: 'break-word' }}
                                               >
                                                 {gw.comment || gw.name}
                                               </div>