From 6c513fa77884c1b57cc3bf7cdff24679194ef224 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 8 May 2024 20:40:32 +0200
Subject: [PATCH] Increase spacing around floating action buttons

---
 .../admin-market-data/admin-market-data.component.ts |  1 +
 .../user-account-access.component.ts                 |  1 +
 .../app/pages/accounts/accounts-page.component.ts    |  2 +-
 .../activities/activities-page.component.ts          |  1 +
 apps/client/src/styles.scss                          | 12 ++++++++----
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/app/components/admin-market-data/admin-market-data.component.ts b/apps/client/src/app/components/admin-market-data/admin-market-data.component.ts
index 0ccf85701..61f11c9bd 100644
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.component.ts
+++ b/apps/client/src/app/components/admin-market-data/admin-market-data.component.ts
@@ -38,6 +38,7 @@ import { CreateAssetProfileDialogParams } from './create-asset-profile-dialog/in
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
+  host: { class: 'has-fab' },
   selector: 'gf-admin-market-data',
   styleUrls: ['./admin-market-data.scss'],
   templateUrl: './admin-market-data.html'
diff --git a/apps/client/src/app/components/user-account-access/user-account-access.component.ts b/apps/client/src/app/components/user-account-access/user-account-access.component.ts
index b2ee5ae59..d36c31632 100644
--- a/apps/client/src/app/components/user-account-access/user-account-access.component.ts
+++ b/apps/client/src/app/components/user-account-access/user-account-access.component.ts
@@ -21,6 +21,7 @@ import { CreateOrUpdateAccessDialog } from './create-or-update-access-dialog/cre
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
+  host: { class: 'has-fab' },
   selector: 'gf-user-account-access',
   styleUrls: ['./user-account-access.scss'],
   templateUrl: './user-account-access.html'
diff --git a/apps/client/src/app/pages/accounts/accounts-page.component.ts b/apps/client/src/app/pages/accounts/accounts-page.component.ts
index e445863b4..244333243 100644
--- a/apps/client/src/app/pages/accounts/accounts-page.component.ts
+++ b/apps/client/src/app/pages/accounts/accounts-page.component.ts
@@ -21,7 +21,7 @@ import { CreateOrUpdateAccountDialog } from './create-or-update-account-dialog/c
 import { TransferBalanceDialog } from './transfer-balance/transfer-balance-dialog.component';
 
 @Component({
-  host: { class: 'page' },
+  host: { class: 'has-fab page' },
   selector: 'gf-accounts-page',
   styleUrls: ['./accounts-page.scss'],
   templateUrl: './accounts-page.html'
diff --git a/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts b/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts
index 6e66bb666..f75bc260b 100644
--- a/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts
+++ b/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts
@@ -29,6 +29,7 @@ import { ImportActivitiesDialog } from './import-activities-dialog/import-activi
 import { ImportActivitiesDialogParams } from './import-activities-dialog/interfaces/interfaces';
 
 @Component({
+  host: { class: 'has-fab' },
   selector: 'gf-activities-page',
   styleUrls: ['./activities-page.scss'],
   templateUrl: './activities-page.html'
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 6d3cffff2..ce18789b2 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -387,6 +387,10 @@ ngx-skeleton-loader {
   @include gf-table;
 }
 
+.has-fab {
+  padding-bottom: 3rem !important;
+}
+
 .has-info-message {
   .page.has-tabs {
     height: calc(100svh - 2 * var(--mat-toolbar-standard-height));
@@ -543,6 +547,10 @@ ngx-skeleton-loader {
       --mdc-tab-indicator-active-indicator-color: transparent;
     }
 
+    .mat-mdc-tab-nav-panel {
+      padding: 2rem 0;
+    }
+
     @media (max-width: 575.98px) {
       .mat-mdc-tab-link {
         --mdc-secondary-navigation-tab-container-height: 3rem;
@@ -567,10 +575,6 @@ ngx-skeleton-loader {
           }
         }
       }
-
-      .mat-mdc-tab-nav-panel {
-        padding: 2rem 0;
-      }
     }
   }
 }