From a233440de9985a6fc3b9a46bd537882856a257fb Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Fri, 3 Feb 2023 20:22:15 +0100
Subject: [PATCH] Migrate fire calculator

---
 .../lib/fire-calculator/fire-calculator.component.html    | 8 ++++----
 libs/ui/src/lib/fire-calculator/fire-calculator.module.ts | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
index 499f437e1..e224e1a87 100644
--- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
+++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
@@ -7,20 +7,20 @@
         </mat-form-field>-->
 
         <mat-form-field appearance="outline" class="w-100">
-          <mat-label i18n>Savings Rate</mat-label>
+          <mat-label i18n>Savings Rate per Month</mat-label>
           <input
             formControlName="paymentPerPeriod"
             matInput
             step="100"
             type="number"
           />
-          <span class="ml-2" i18n matSuffix>{{ currency }} per month</span>
+          <span matTextSuffix>{{ currency }}</span>
         </mat-form-field>
 
         <mat-form-field appearance="outline" class="w-100">
           <mat-label i18n>Investment Horizon</mat-label>
           <input formControlName="time" matInput type="number" />
-          <span class="ml-2" i18n matSuffix>years</span>
+          <span i18n matTextSuffix>years</span>
         </mat-form-field>
 
         <mat-form-field appearance="outline" class="w-100">
@@ -31,7 +31,7 @@
             step="0.25"
             type="number"
           />
-          <span class="ml-2" matSuffix>%</span>
+          <div matTextSuffix>%</div>
         </mat-form-field>
 
         <gf-value
diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.module.ts b/libs/ui/src/lib/fire-calculator/fire-calculator.module.ts
index b7219f34b..44fd48c2e 100644
--- a/libs/ui/src/lib/fire-calculator/fire-calculator.module.ts
+++ b/libs/ui/src/lib/fire-calculator/fire-calculator.module.ts
@@ -1,9 +1,9 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
-import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 
 import { GfValueModule } from '../value';