From 58036ff4634d57af3044348f9ab5685262447fcd Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 10 Oct 2023 10:56:25 +0200
Subject: [PATCH] Fix focus on table header cell with sort

---
 .../+admin/overview/users/user-list/user-list.component.html  | 4 +++-
 client/src/sass/primeng-custom.scss                           | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/app/+admin/overview/users/user-list/user-list.component.html b/client/src/app/+admin/overview/users/user-list/user-list.component.html
index 48cd15d52..33e086ecb 100644
--- a/client/src/app/+admin/overview/users/user-list/user-list.component.html
+++ b/client/src/app/+admin/overview/users/user-list/user-list.component.html
@@ -41,7 +41,9 @@
       </th>
       <th scope="col" style="width: 70px;">
         <div class="c-hand column-toggle" ngbDropdown placement="bottom-left auto" container="body" autoClose="outside">
-          <my-global-icon iconName="columns" ngbDropdownToggle></my-global-icon>
+          <button class="border-0 p-0" ngbDropdownToggle>
+            <my-global-icon iconName="columns"></my-global-icon>
+          </button>
 
           <div role="menu" class="dropdown-menu" ngbDropdownMenu>
             <div class="dropdown-header" i18n>Table parameters</div>
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index d43272ae3..acbc687b1 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -576,6 +576,10 @@ p-table {
       background-color: pvar(--submenuBackgroundColor) !important;
     }
 
+    &.p-sortable-column.focus-visible {
+      border: 1px solid pvar(--mainForegroundColor) !important
+    }
+
     &.p-highlight {
       background-color: pvar(--submenuBackgroundColor) !important;