From 867dbf41d5cc8ca3fde4dd539afb488a401f357d Mon Sep 17 00:00:00 2001
From: Ralph Slooten <axllent@gmail.com>
Date: Thu, 15 Sep 2022 21:51:36 +1200
Subject: [PATCH] UI: Minor UI color change & unread count position adjustment

---
 server/ui-src/App.vue                          | 2 +-
 server/ui-src/assets/_bootstrap_variables.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/server/ui-src/App.vue b/server/ui-src/App.vue
index c6d9269..b231ce4 100644
--- a/server/ui-src/App.vue
+++ b/server/ui-src/App.vue
@@ -533,7 +533,7 @@ export default {
 						<i class="bi bi-envelope me-1" v-if="isConnected"></i>
 						<i class="bi bi-arrow-clockwise me-1" v-else></i>
 						Inbox 
-						<span style="margin-top: -5px; margin-left: 5px;" class="position-absolute badge rounded-pill text-bg-secondary" title="Unread messages" v-if="unread">
+						<span class="badge rounded-pill text-bg-primary ms-1" title="Unread messages" v-if="unread">
 							{{ formatNumber(unread) }}
 						</span>
 					</a>
diff --git a/server/ui-src/assets/_bootstrap_variables.scss b/server/ui-src/assets/_bootstrap_variables.scss
index 3e26dec..1d3791f 100644
--- a/server/ui-src/assets/_bootstrap_variables.scss
+++ b/server/ui-src/assets/_bootstrap_variables.scss
@@ -1 +1,2 @@
 $link-decoration: none;
+$primary: #3465b5;