From 4983b7ca1253bec867d9f3d42ca00732edda13d6 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 28 Jun 2025 15:28:24 +0200
Subject: [PATCH] Feature/simplify badge style in admin settings (#5046)

* Simplify badge style
---
 .../admin-settings/admin-settings.component.html           | 2 +-
 .../admin-settings/admin-settings.component.scss           | 7 -------
 apps/client/src/app/pages/admin/admin-page.component.ts    | 2 +-
 3 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.html b/apps/client/src/app/components/admin-settings/admin-settings.component.html
index cb93a1e13..af64f034b 100644
--- a/apps/client/src/app/components/admin-settings/admin-settings.component.html
+++ b/apps/client/src/app/components/admin-settings/admin-settings.component.html
@@ -62,7 +62,7 @@
                     />
                     @if (isGhostfolioApiKeyValid === false) {
                       <span
-                        class="badge badge-light ml-2 new text-uppercase"
+                        class="badge badge-pill badge-secondary ml-2 text-uppercase"
                         i18n
                         >new</span
                       >
diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.scss b/apps/client/src/app/components/admin-settings/admin-settings.component.scss
index 28bab4deb..4724d4817 100644
--- a/apps/client/src/app/components/admin-settings/admin-settings.component.scss
+++ b/apps/client/src/app/components/admin-settings/admin-settings.component.scss
@@ -9,13 +9,6 @@
     }
   }
 
-  .badge {
-    &.new {
-      border: 1px solid var(--mat-table-row-item-outline-color);
-      padding-bottom: 0.05rem;
-    }
-  }
-
   .mat-mdc-card {
     --mdc-outlined-card-container-color: whitesmoke;
 
diff --git a/apps/client/src/app/pages/admin/admin-page.component.ts b/apps/client/src/app/pages/admin/admin-page.component.ts
index 7c8ebfdae..f47771a31 100644
--- a/apps/client/src/app/pages/admin/admin-page.component.ts
+++ b/apps/client/src/app/pages/admin/admin-page.component.ts
@@ -33,7 +33,7 @@ export class AdminPageComponent implements OnDestroy, OnInit {
         iconName: 'settings-outline',
         label:
           internalRoutes.adminControl.subRoutes.settings.title +
-          '<span class="badge badge-secondary badge-pill ml-2 text-uppercase">' +
+          '<span class="badge badge-pill badge-secondary ml-2 text-uppercase">' +
           $localize`new` +
           '</span>',
         routerLink: internalRoutes.adminControl.subRoutes.settings.routerLink