Task/improve style of menu button in dialogs (#8297)

* Improve style of menu button in dialogs

* Update changelog

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

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;
-  }
 }

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"

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;
-  }
 }

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"

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 {

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;
   }