From 88560ea7d5f1f807fe78db0c7c445ac2fef8a124 Mon Sep 17 00:00:00 2001
From: Geir Thomas Andersen <andersen@runbox.com>
Date: Tue, 13 Aug 2024 17:52:00 +0200
Subject: [PATCH] test(payment): Fix test.

---
 .../account-upgrades.component.html           | 25 ++++++++++---------
 .../account-upgrades.component.scss           |  5 ++++
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/app/account-app/account-upgrades.component.html b/src/app/account-app/account-upgrades.component.html
index ffd70a3d9..6f6567430 100644
--- a/src/app/account-app/account-upgrades.component.html
+++ b/src/app/account-app/account-upgrades.component.html
@@ -20,17 +20,6 @@ <h3>
       <p>
         By subscribing to Runbox you support an independent and sustainable business in Norway, where your email will stay secure and private indefinitely.
       </p>
-      <div>
-        <button mat-raised-button routerLink="/account/#recommended" color="primary" class="plansLink">
-          Recommended plans
-        </button>
-        <button mat-raised-button routerLink="/account/#plans" color="primary" class="plansLink">
-          Compare price plans
-        </button>
-        <button mat-raised-button routerLink="/account/#subaccounts" color="primary" class="plansLink">
-          Additional accounts
-        </button>
-      </div>
       <p>
         To view your existing subscvriptions, please go to <a routerLink="/account/subscriptions">Your Subscriptions</a>.
       </p>
@@ -38,6 +27,18 @@ <h3>
         Feel free to contact us via <a href="https://support.runbox.com" target="support">Runbox Support</a> if you have any questions about our plans.
       </p>
       
+      <div class="navigationButtons">
+        <button mat-raised-button routerLink="/account/#recommended" color="accent" class="plansLink">
+          Recommended plans
+        </button>
+        <button mat-raised-button routerLink="/account/#plans" color="accent" class="plansLink">
+          Compare price plans
+        </button>
+        <button mat-raised-button routerLink="/account/#subaccounts" color="accent" class="plansLink">
+          Additional accounts
+        </button>
+      </div>
+
       <br />
       
       <h2> Main Account </h2>
@@ -299,7 +300,7 @@ <h4 *ngFor="let us of addon_usages">
       
       <br /><br />
       
-       <a name="recommended"><h3>All our price plans</h3></a>
+       <a name="plans"><h3>All our price plans</h3></a>
 
       <p>
         Compare all our main account plans for 1 and 3 years in the table below.
diff --git a/src/app/account-app/account-upgrades.component.scss b/src/app/account-app/account-upgrades.component.scss
index e51e52d5f..1c6dc843a 100644
--- a/src/app/account-app/account-upgrades.component.scss
+++ b/src/app/account-app/account-upgrades.component.scss
@@ -10,6 +10,11 @@
     margin: 0 20px;
 }
 
+.navigationButtons {
+    padding: 0 0 10px 0;
+    white-space: nowrap;
+}
+
 #productGrid, .productGrid {
     display: flex;
     flex-flow: row wrap;