Bugfix/fix dialog position on mobile (#3521)

* Fix dialog position on mobile

* Update changelog

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Fixed the dialog position (center) on mobile
 - Changed the mechanism of the `INTRADAY` data gathering to persist data only if the market state is `OPEN`
 - Fixed the creation of activities with `MANUAL` data source (with no historical market data)
 

apps/client/src/styles.scss

@@ -214,16 +214,6 @@ body {
     }
   }
 
-  .mat-mdc-menu-panel {
-    &.assistant {
-      max-width: unset !important;
-
-      .mat-mdc-menu-content {
-        padding: 0;
-      }
-    }
-  }
-
   &.is-dark-theme {
     background: var(--dark-background);
     color: rgba(var(--light-primary-text));
@@ -366,6 +356,10 @@ ngx-skeleton-loader {
 }
 
 .cdk-overlay-container {
+  .cdk-global-overlay-wrapper {
+    justify-content: center !important;
+  }
+
   .cdk-overlay-pane {
     max-width: 95vw !important;
   }
@@ -453,6 +447,14 @@ ngx-skeleton-loader {
 }
 
 .mat-mdc-menu-panel {
+  &.assistant {
+    max-width: unset !important;
+
+    .mat-mdc-menu-content {
+      padding: 0;
+    }
+  }
+
   .mat-mdc-menu-item {
     &.font-weight-bold {
       .mat-mdc-menu-item-text {