From b7e16cb7000522b66cb8199f9e54cd4258a88bbd Mon Sep 17 00:00:00 2001
From: BPower0036 <80090789+BPower0036@users.noreply.github.com>
Date: Thu, 13 Oct 2022 17:05:15 +0000
Subject: [PATCH] Fix #2421 - Truncate text to ensure the delete icon is
 visible

https://github.com/mozilla/multi-account-containers/commit/a7aaacd82ced3783499f6fa7e7a03e1746735194
---
 src/js/popup.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/js/popup.js b/src/js/popup.js
index 4d7cf32..efb4cfa 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -1428,7 +1428,7 @@ Logic.registerPanel(P_CONTAINER_ASSIGNMENTS, {
         trElement.innerHTML = Utils.escaped`
         <td>
           <div class="favicon"></div>
-          <span title="${site.hostname}" class="menu-text hostname"></span>
+          <span title="${site.hostname}" class="menu-text hostname truncate-text"></span>
           <img class="trash-button delete-assignment" src="/img/container-delete.svg" />
         </td>`;
         trElement.getElementsByClassName("favicon")[0].appendChild(Utils.createFavIconElement(assumedUrl));