From e682e3be432f4171591ea95fe49b2d372b7070f7 Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 10 Oct 2023 20:09:11 +0200
Subject: [PATCH] Refactor fab container

---
 .../admin-market-data/admin-market-data.scss          |  7 -------
 .../user-account-access/user-account-access.scss      |  7 -------
 apps/client/src/app/pages/accounts/accounts-page.scss |  7 -------
 .../pages/portfolio/activities/activities-page.scss   |  7 -------
 apps/client/src/styles.scss                           | 11 +++++++++++
 5 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/apps/client/src/app/components/admin-market-data/admin-market-data.scss b/apps/client/src/app/components/admin-market-data/admin-market-data.scss
index 50901445b..b5b58f67e 100644
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.scss
+++ b/apps/client/src/app/components/admin-market-data/admin-market-data.scss
@@ -2,11 +2,4 @@
 
 :host {
   display: block;
-
-  .fab-container {
-    bottom: 2rem;
-    position: fixed;
-    right: 2rem;
-    z-index: 999;
-  }
 }
diff --git a/apps/client/src/app/components/user-account-access/user-account-access.scss b/apps/client/src/app/components/user-account-access/user-account-access.scss
index 0f82c32a1..695f786f2 100644
--- a/apps/client/src/app/components/user-account-access/user-account-access.scss
+++ b/apps/client/src/app/components/user-account-access/user-account-access.scss
@@ -5,13 +5,6 @@
   gf-access-table {
     overflow-x: auto;
   }
-
-  .fab-container {
-    bottom: 2rem;
-    position: fixed;
-    right: 2rem;
-    z-index: 999;
-  }
 }
 
 :host-context(.is-dark-theme) {
diff --git a/apps/client/src/app/pages/accounts/accounts-page.scss b/apps/client/src/app/pages/accounts/accounts-page.scss
index 307bf0f32..32e9fe146 100644
--- a/apps/client/src/app/pages/accounts/accounts-page.scss
+++ b/apps/client/src/app/pages/accounts/accounts-page.scss
@@ -4,11 +4,4 @@
   .accounts {
     overflow-x: auto;
   }
-
-  .fab-container {
-    position: fixed;
-    right: 2rem;
-    bottom: 2rem;
-    z-index: 999;
-  }
 }
diff --git a/apps/client/src/app/pages/portfolio/activities/activities-page.scss b/apps/client/src/app/pages/portfolio/activities/activities-page.scss
index c10640da3..5d4e87f30 100644
--- a/apps/client/src/app/pages/portfolio/activities/activities-page.scss
+++ b/apps/client/src/app/pages/portfolio/activities/activities-page.scss
@@ -1,10 +1,3 @@
 :host {
   display: block;
-
-  .fab-container {
-    position: fixed;
-    right: 2rem;
-    bottom: 2rem;
-    z-index: 999;
-  }
 }
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 26f8a4a48..8e79de778 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -491,6 +491,13 @@ ngx-skeleton-loader {
   flex-direction: column;
   overflow-y: auto;
 
+  .fab-container {
+    bottom: 2rem;
+    position: fixed;
+    right: 2rem;
+    z-index: 999;
+  }
+
   &:not(.has-tabs) {
     @media (min-width: 576px) {
       padding: 2rem 0;
@@ -502,6 +509,10 @@ ngx-skeleton-loader {
     padding-bottom: env(safe-area-inset-bottom);
     padding-bottom: constant(safe-area-inset-bottom);
 
+    .fab-container {
+      bottom: 5rem;
+    }
+
     .mat-mdc-tab-nav-bar {
       --mat-tab-header-active-focus-indicator-color: transparent;
       --mat-tab-header-active-hover-indicator-color: transparent;