Fix focus on table header cell with sort

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>

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;