From e97be57e3b8ca22daf096294b0c2d46d97bfe6bb Mon Sep 17 00:00:00 2001
From: Simon Lamon <32477463+silamon@users.noreply.github.com>
Date: Mon, 1 Jul 2024 13:11:52 +0200
Subject: [PATCH] Application credentials: small improvements (#21233)

* small improvements

* Update ha-config-application-credentials.ts

* Update ha-config-application-credentials.ts

---------

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
---
 .../ha-config-application-credentials.ts             | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/panels/config/application_credentials/ha-config-application-credentials.ts b/src/panels/config/application_credentials/ha-config-application-credentials.ts
index e11f0515f4..d31c8b274d 100644
--- a/src/panels/config/application_credentials/ha-config-application-credentials.ts
+++ b/src/panels/config/application_credentials/ha-config-application-credentials.ts
@@ -77,12 +77,13 @@ export class HaConfigApplicationCredentials extends LitElement {
   private _filter = "";
 
   private _columns = memoizeOne(
-    (narrow: boolean, localize: LocalizeFunc): DataTableColumnContainer => {
+    (localize: LocalizeFunc): DataTableColumnContainer => {
       const columns: DataTableColumnContainer<ApplicationCredential> = {
         name: {
           title: localize(
             "ui.panel.config.application_credentials.picker.headers.name"
           ),
+          main: true,
           sortable: true,
           filterable: true,
           direction: "asc",
@@ -94,7 +95,6 @@ export class HaConfigApplicationCredentials extends LitElement {
           ),
           filterable: true,
           width: "30%",
-          hidden: narrow,
         },
         localizedDomain: {
           title: localize(
@@ -109,6 +109,9 @@ export class HaConfigApplicationCredentials extends LitElement {
           title: "",
           width: "64px",
           type: "overflow-menu",
+          showNarrow: true,
+          hideable: false,
+          moveable: false,
           template: (credential) => html`
             <ha-icon-overflow-menu
               .hass=${this.hass}
@@ -153,7 +156,7 @@ export class HaConfigApplicationCredentials extends LitElement {
         .route=${this.route}
         back-path="/config"
         .tabs=${configSections.devices}
-        .columns=${this._columns(this.narrow, this.hass.localize)}
+        .columns=${this._columns(this.hass.localize)}
         .data=${this._getApplicationCredentials(
           this._applicationCredentials,
           this.hass.localize
@@ -356,6 +359,9 @@ export class HaConfigApplicationCredentials extends LitElement {
         margin-inline-start: 8px;
         margin-inline-end: initial;
       }
+      .warning {
+        --mdc-theme-primary: var(--error-color);
+      }
     `;
   }
 }