From 173131a4b615d4842728d67612688b14d64ec84b Mon Sep 17 00:00:00 2001
From: tobikugel <tobiaskugel@outlook.com>
Date: Tue, 11 Mar 2025 15:39:11 -0300
Subject: [PATCH] refactor: change selector name, add spaced and correct
 alphabetical order

---
 apps/client/src/app/components/header/header.component.html | 2 +-
 .../app/pages/portfolio/analysis/analysis-page.component.ts | 5 ++++-
 .../src/app/pages/portfolio/analysis/analysis-page.html     | 6 +++++-
 apps/client/src/styles.scss                                 | 2 +-
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html
index 366c756b0..680cc98f0 100644
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@@ -134,7 +134,7 @@
           </button>
           <mat-menu
             #assistantMenu="matMenu"
-            class="wide-menu"
+            class="no-max-width"
             xPosition="before"
             [overlapTrigger]="true"
             (closed)="assistantElement?.setIsOpen(false)"
diff --git a/apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts b/apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts
index 40a39b2c6..73d64f0cf 100644
--- a/apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts
+++ b/apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts
@@ -40,6 +40,7 @@ import { takeUntil } from 'rxjs/operators';
 })
 export class AnalysisPageComponent implements OnDestroy, OnInit {
   @ViewChild(MatMenuTrigger) actionsMenuButton!: MatMenuTrigger;
+
   public benchmark: Partial<SymbolProfile>;
   public benchmarkDataItems: HistoricalDataItem[] = [];
   public benchmarks: Partial<SymbolProfile>[];
@@ -54,11 +55,11 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
   public investments: InvestmentItem[];
   public investmentTimelineDataLabel = $localize`Investment`;
   public investmentsByGroup: InvestmentItem[];
+  public isLoadingAiPrompt: boolean;
   public isLoadingBenchmarkComparator: boolean;
   public isLoadingDividendTimelineChart: boolean;
   public isLoadingInvestmentChart: boolean;
   public isLoadingInvestmentTimelineChart: boolean;
-  public isLoadingAiPrompt: boolean;
   public mode: GroupBy = 'month';
   public modeOptions: ToggleOption[] = [
     { label: $localize`Monthly`, value: 'month' },
@@ -153,6 +154,7 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
 
   public onCopyPromptToClipboard(mode: AiPromptMode) {
     this.isLoadingAiPrompt = true;
+
     this.dataService
       .fetchPrompt(mode)
       .pipe(takeUntil(this.unsubscribeSubject))
@@ -175,6 +177,7 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
           });
 
         this.actionsMenuButton.closeMenu();
+
         this.isLoadingAiPrompt = false;
       });
   }
diff --git a/apps/client/src/app/pages/portfolio/analysis/analysis-page.html b/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
index fdab88373..f673d2776 100644
--- a/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
+++ b/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
@@ -13,7 +13,11 @@
           >
             <ion-icon name="ellipsis-vertical" />
           </button>
-          <mat-menu #actionsMenu="matMenu" class="wide-menu" xPosition="before">
+          <mat-menu
+            #actionsMenu="matMenu"
+            class="no-max-width"
+            xPosition="before"
+          >
             <div (click)="$event.stopPropagation()">
               <button
                 mat-menu-item
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index e0ba83245..b4723d377 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -451,7 +451,7 @@ ngx-skeleton-loader {
 }
 
 .mat-mdc-menu-panel {
-  &.wide-menu {
+  &.no-max-width {
     max-width: unset !important;
 
     .mat-mdc-menu-content {