From 37a70f23ce3e2df26beebc5266467c4fd17fc9e8 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 6 Jun 2026 12:39:58 +0200
Subject: [PATCH] Task/improve styling in user detail dialog of admin control
 (#6992)

* Improve styling

* Update changelog
---
 CHANGELOG.md                                                  | 3 ++-
 .../asset-profile-dialog/asset-profile-dialog.html            | 4 ++--
 .../user-detail-dialog/user-detail-dialog.component.scss      | 4 ++++
 .../app/components/user-detail-dialog/user-detail-dialog.html | 4 ++--
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5f713f736..b9b9f118d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,13 +14,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Centralized the asset profile override logic for manual adjustments
+- Improved the styling in the user detail dialog of the admin control panel’s users section
 - Refactored the backend logging to use the instance-based `Logger`
 - Improved the language localization for Ukrainian (`uk`)
 
 ### Fixed
 
 - Fixed an issue where the asset profile override (asset class and asset sub class) was not applied to the data enhancers when gathering asset profiles
-- Fixed a layout issue in the asset profile dialog of the admin control by truncating long titles
+- Fixed a layout issue in the asset profile dialog of the admin control panel by truncating long titles
 
 ## 3.7.0 - 2026-06-02
 
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 61ca6a6da..ddcf96b3b 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
@@ -1,5 +1,5 @@
 <div class="d-flex flex-column h-100">
-  <h1 class="align-items-center d-flex mb-3" mat-dialog-title>
+  <div class="align-items-center d-flex mb-3" mat-dialog-title>
     <span class="flex-grow-1 text-truncate">{{
       assetProfile?.name ?? data.symbol
     }}</span>
@@ -87,7 +87,7 @@
         <ng-container i18n>Delete</ng-container>
       </button>
     </mat-menu>
-  </h1>
+  </div>
 
   <div class="flex-grow-1" mat-dialog-content>
     <gf-line-chart
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 b63df0134..542c252a5 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,4 +4,8 @@
   .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 e9af86942..caf1679eb 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,6 +1,6 @@
-<div class="d-flex justify-content-end">
+<div class="align-items-center d-flex justify-content-end" mat-dialog-title>
   <button
-    class="mx-1 no-min-width px-2"
+    class="ml-1 no-min-width px-2"
     mat-button
     type="button"
     [matMenuTriggerFor]="userDetailActionsMenu"