From a73e5b1c4e6a6fcc81ee636d03da51125f6c889c Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 25 Oct 2026 09:12:08 +0100
Subject: [PATCH] Task/improve style of menu button in dialogs (#8297)

* Improve style of menu button in dialogs

* Update changelog
---
 CHANGELOG.md                                              | 2 ++
 .../asset-profile-dialog.component.scss                   | 4 ----
 .../asset-profile-dialog/asset-profile-dialog.html        | 8 +++++---
 .../user-detail-dialog/user-detail-dialog.component.scss  | 4 ----
 .../components/user-detail-dialog/user-detail-dialog.html | 8 +++++---
 apps/client/src/styles.scss                               | 4 ++++
 .../ui/src/lib/dialog-header/dialog-header.component.scss | 1 -
 7 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 525f5fd1ae..83920d44d3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the style of the menu button in the asset profile details dialog of the admin control panel
+- Improved the style of the menu button in the user detail dialog of the admin control panel
 - Improved the consistency of the import of activities with _Ghostfolio AI_ (experimental)
 
 ## 3.92.0 - 2026-10-24
diff --git a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.scss b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.scss
index db23cf0a7d..73c0c0d741 100644
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.scss
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.scss
@@ -14,8 +14,4 @@
       top: 0;
     }
   }
-
-  .mat-mdc-dialog-title {
-    padding-right: 0.5rem !important;
-  }
 }
diff --git a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
index 46778f2655..bc7edcbe81 100644
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
@@ -4,13 +4,15 @@
       assetProfile?.name ?? data.symbol
     }}</span>
     <button
-      class="ms-1 no-min-width px-2"
-      mat-button
+      mat-icon-button
       type="button"
       [matMenuTriggerFor]="assetProfileActionsMenu"
       (click)="$event.stopPropagation()"
     >
-      <ion-icon name="ellipsis-vertical" />
+      <ion-icon
+        class="d-block mat-icon text-body-secondary"
+        name="ellipsis-vertical"
+      />
     </button>
     <mat-menu
       #assetProfileActionsMenu="matMenu"
diff --git a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.scss b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.scss
index 542c252a57..b63df0134a 100644
--- a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.scss
+++ b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.scss
@@ -4,8 +4,4 @@
   .mat-mdc-dialog-content {
     max-height: unset;
   }
-
-  .mat-mdc-dialog-title {
-    padding-right: 0.5rem !important;
-  }
 }
diff --git a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html
index aae5c86965..d952cca540 100644
--- a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html
+++ b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html
@@ -1,12 +1,14 @@
 <div class="align-items-center d-flex justify-content-end" mat-dialog-title>
   <button
-    class="ms-1 no-min-width px-2"
-    mat-button
+    mat-icon-button
     type="button"
     [matMenuTriggerFor]="userDetailActionsMenu"
     (click)="$event.stopPropagation()"
   >
-    <ion-icon name="ellipsis-vertical" />
+    <ion-icon
+      class="d-block mat-icon text-body-secondary"
+      name="ellipsis-vertical"
+    />
   </button>
   <mat-menu
     #userDetailActionsMenu="matMenu"
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 5771ebd6de..f5ff40f138 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -458,6 +458,10 @@ ngx-skeleton-loader {
 
 .mdc-dialog__title {
   padding: 9px 24px !important;
+
+  button[mat-icon-button] {
+    margin-right: -0.8125rem;
+  }
 }
 
 .no-min-width {
diff --git a/libs/ui/src/lib/dialog-header/dialog-header.component.scss b/libs/ui/src/lib/dialog-header/dialog-header.component.scss
index c7dbf3b951..bbf29d27e8 100644
--- a/libs/ui/src/lib/dialog-header/dialog-header.component.scss
+++ b/libs/ui/src/lib/dialog-header/dialog-header.component.scss
@@ -2,7 +2,6 @@
   display: block;
 
   button[mat-icon-button] {
-    margin-right: -0.8125rem;
     margin-top: 0.125rem;
   }