From e4d325daab5565edae6cba86748f465b9ade254a Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 15 Jul 2021 18:10:18 +0200
Subject: [PATCH] Feature/various style improvements (#214)

* Improve styles

* Update changelog
---
 CHANGELOG.md                                               | 2 ++
 .../transactions-table/transactions-table.component.scss   | 7 +++++--
 apps/client/src/app/pages/pricing/pricing-page.scss        | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fef8a7c7a..092f4eacc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the styling of the current pricing plan
+- Improved the styling of the transaction type badge
 - Upgraded `angular-material-css-vars` from version `2.0.0` to `2.1.0`
 
 ### Fixed
diff --git a/apps/client/src/app/components/transactions-table/transactions-table.component.scss b/apps/client/src/app/components/transactions-table/transactions-table.component.scss
index 5984efe27..ebb6599bc 100644
--- a/apps/client/src/app/components/transactions-table/transactions-table.component.scss
+++ b/apps/client/src/app/components/transactions-table/transactions-table.component.scss
@@ -27,7 +27,7 @@
       cursor: pointer;
 
       .type-badge {
-        background-color: rgba(var(--dark-primary-text), 0.05);
+        background-color: rgba(var(--palette-foreground-text), 0.05);
         border-radius: 1rem;
         line-height: 1em;
 
@@ -54,7 +54,10 @@
 
   .mat-table {
     .type-badge {
-      background-color: rgba(var(--light-primary-text), 0.1);
+      background-color: rgba(
+        var(--palette-foreground-text-dark),
+        0.1
+      ) !important;
     }
   }
 }
diff --git a/apps/client/src/app/pages/pricing/pricing-page.scss b/apps/client/src/app/pages/pricing/pricing-page.scss
index 53f951997..19ca6bf26 100644
--- a/apps/client/src/app/pages/pricing/pricing-page.scss
+++ b/apps/client/src/app/pages/pricing/pricing-page.scss
@@ -14,6 +14,7 @@
   .mat-card {
     &.active {
       border-color: rgba(var(--palette-primary-500), 1);
+      box-shadow: 0 0 0 1px rgba(var(--palette-primary-500), 1);
     }
   }
 }