Feature/improve pricing page (#778)

* Improve pricing page

* Update changelog

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Added more durations in the coupon system
 
+### Changed
+
+- Improved the pricing page
+
 ## 1.130.0 - 30.03.2022
 
 ### Added

apps/client/src/app/pages/pricing/pricing-page.html

@@ -178,16 +178,19 @@
             </div>
             <p>Fully managed <strong>Ghostfolio</strong> cloud offering.</p>
             <p class="h5 text-right" [hidden]="!price">
-              <span class="font-weight-normal"
+              <span class="font-weight-normal">
-                >{{ baseCurrency }}
                 <ng-container *ngIf="coupon"
-                  ><strong>{{ price - coupon | number : '1.2-2' }} </strong>
+                  ><del class="text-muted"
-                  <del>{{ price }}</del>
+                    >{{ baseCurrency }}&nbsp;{{ price }}</del
+                  >&nbsp;{{ baseCurrency }}&nbsp;<strong
+                    >{{ price - coupon }}</strong
+                  >
                 </ng-container>
                 <ng-container *ngIf="!coupon"
-                  ><strong>{{ price }}</strong></ng-container
+                  >{{ baseCurrency }}&nbsp;<strong
-                >
+                    >{{ price }}</strong
-                <span i18n> per year</span></span
+                  ></ng-container
+                >&nbsp;<span i18n>per year</span></span
               >
             </p>
           </mat-card>