From 44f7a61c2c5b6f248a62ab7f987ebbd3091c71ef Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jradosz@gmail.com>
Date: Sun, 13 Mar 2022 12:50:06 +0100
Subject: [PATCH] UX: Tweak the "new" badge size, position, color (#16168)

---
 app/assets/stylesheets/common/components/badges.scss | 6 +++---
 app/assets/stylesheets/desktop/topic-list.scss       | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss
index c16705adfa..8e3df6a8b1 100644
--- a/app/assets/stylesheets/common/components/badges.scss
+++ b/app/assets/stylesheets/common/components/badges.scss
@@ -192,10 +192,10 @@
 
   &.new-topic::before {
     content: "";
-    background: var(--tertiary-high);
+    background: var(--tertiary-med-or-tertiary);
     display: inline-block;
-    height: 0.4em;
-    width: 0.4em;
+    height: 8px;
+    width: 8px;
     border-radius: 50%;
   }
 
diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss
index 644550cf1c..89c892d089 100644
--- a/app/assets/stylesheets/desktop/topic-list.scss
+++ b/app/assets/stylesheets/desktop/topic-list.scss
@@ -55,9 +55,10 @@
   .badge-notification {
     position: relative;
     top: -2px;
+
     &.new-topic {
       top: -1px;
-      padding-left: 5px;
+      padding-left: 2px;
     }
   }