From 372e4eb11fa1069cb4baea76308f03f49c3a44da Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Fri, 1 May 2026 19:40:12 +0300
Subject: [PATCH] fix(displays): keep primary-display star visible on long
 monitor names

Wrapping overflow:hidden + ellipsis on the parent flex container
clipped the favourite star whenever the monitor name was long enough
to truncate. Move the truncation rules onto a new inner span around
the name text only, and add flex-shrink:0 to the badge so it always
renders in full.
---
 media_server/static/js/links.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/media_server/static/js/links.js b/media_server/static/js/links.js
index ff3e3ff..3d61797 100644
--- a/media_server/static/js/links.js
+++ b/media_server/static/js/links.js
@@ -71,7 +71,7 @@ export async function loadDisplayMonitors() {
                         <path fill="currentColor" d="M20 3H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h6v2H8v2h8v-2h-2v-2h6c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H4V5h16v10z"/>
                     </svg>
                     <div class="display-monitor-info">
-                        <span class="display-monitor-name">${monitor.name}${primaryBadge}</span>
+                        <span class="display-monitor-name"><span class="display-monitor-name-text">${monitor.name}</span>${primaryBadge}</span>
                         ${detailsHtml}
                     </div>
                     ${powerBtn}