Fix domain max-width in entity picker (#25400)

src/components/entity/ha-entity-combo-box.ts

@@ -178,7 +178,9 @@ export class HaEntityComboBox extends LitElement {
           : nothing}
         ${item.domain_name && !showEntityId
           ? html`
-              <div slot="trailing-supporting-text">${item.domain_name}</div>
+              <div slot="trailing-supporting-text" class="domain">
+                ${item.domain_name}
+              </div>
             `
           : nothing}
       </ha-combo-box-item>

src/components/ha-combo-box-item.ts

@@ -39,7 +39,7 @@ export class HaComboBoxItem extends HaMdListItem {
         font-family: var(--ha-font-family-code);
         font-size: var(--ha-font-size-xs);
       }
-      [slot="trailing-supporting-text"] {
+      ::slotted(.domain) {
         font-size: var(--ha-font-size-s);
         font-weight: var(--ha-font-weight-normal);
         line-height: var(--ha-line-height-normal);

src/dialogs/quick-bar/ha-quick-bar.ts

@@ -386,7 +386,7 @@ export class QuickBar extends LitElement {
             `
           : nothing}
         ${item.translatedDomain && !showEntityId
-          ? html`<div slot="trailing-supporting-text">
+          ? html`<div slot="trailing-supporting-text" class="domain">
               ${item.translatedDomain}
             </div>`
           : nothing}
@@ -1027,7 +1027,7 @@ export class QuickBar extends LitElement {
           font-size: var(--ha-font-size-xs);
         }
 
-        ha-md-list-item [slot="trailing-supporting-text"] {
+        ha-md-list-item .domain {
           font-size: var(--ha-font-size-s);
           font-weight: var(--ha-font-weight-normal);
           line-height: var(--ha-line-height-normal);