From 2a1fad444ce0482cba877f794730ba55e98759d3 Mon Sep 17 00:00:00 2001
From: Margaret Harrigan <m.harrigan@ibm.com>
Date: Tue, 1 Aug 2023 20:01:19 -0400
Subject: [PATCH 1/2] adjust nav bar icon badge placement

---
 app/addons/fauxton/assets/scss/_navigation.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/addons/fauxton/assets/scss/_navigation.scss b/app/addons/fauxton/assets/scss/_navigation.scss
index 6426a263d..d94c8c89d 100644
--- a/app/addons/fauxton/assets/scss/_navigation.scss
+++ b/app/addons/fauxton/assets/scss/_navigation.scss
@@ -125,8 +125,6 @@
   content: "";
   display: inline-block;
   position: relative;
-  top: -42px;
-  right: 8px;
   background: $cf-navbar-item-badge-bg;
   border: 1px solid $cf-navbar-item-badge-bg;
   height: 8px;
@@ -136,6 +134,16 @@
   border-radius: 50%;
 }
 
+.faux-navbar--wide .faux-navbar__icon-badge:after {
+  bottom: 12px;
+  right: 107px;
+}
+
+.faux-navbar--narrow .faux-navbar__icon-badge:after {
+  bottom: 38px;
+  right: 10px;
+}
+
 .faux-navbar__link:hover .faux-navbar__icon-badge:after {
   border-color: $cf-navbar-item-badge-bg-hover;
   background-color: $cf-navbar-item-badge-bg-hover;

From 9d6efac4c3235fa9205adf6441edf67a2c96462b Mon Sep 17 00:00:00 2001
From: Margaret Harrigan <m.harrigan@ibm.com>
Date: Wed, 2 Aug 2023 12:21:39 -0400
Subject: [PATCH 2/2] move styling

---
 .../fauxton/assets/scss/_navigation.scss      | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/addons/fauxton/assets/scss/_navigation.scss b/app/addons/fauxton/assets/scss/_navigation.scss
index d94c8c89d..9a6ae176b 100644
--- a/app/addons/fauxton/assets/scss/_navigation.scss
+++ b/app/addons/fauxton/assets/scss/_navigation.scss
@@ -45,10 +45,20 @@
 
 .faux-navbar--narrow {
   width: $cf-navbar-width-collapsed;
+
+  .faux-navbar__icon-badge:after {
+    bottom: 38px;
+    right: 10px;
+  }
 }
 
 .faux-navbar--wide {
   width: $cf-navbar-width;
+
+  .faux-navbar__icon-badge:after {
+    bottom: 11.5px;
+    right: 107px;
+  }
 }
 
 .faux-navbar__burger:hover .faux-navbar__burger__icon {
@@ -134,16 +144,6 @@
   border-radius: 50%;
 }
 
-.faux-navbar--wide .faux-navbar__icon-badge:after {
-  bottom: 12px;
-  right: 107px;
-}
-
-.faux-navbar--narrow .faux-navbar__icon-badge:after {
-  bottom: 38px;
-  right: 10px;
-}
-
 .faux-navbar__link:hover .faux-navbar__icon-badge:after {
   border-color: $cf-navbar-item-badge-bg-hover;
   background-color: $cf-navbar-item-badge-bg-hover;