From 7c2cd5cf0306c3d9faa04b17ac4abbd27d8eeea3 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sun, 13 Dec 2020 23:30:52 +0100
Subject: [PATCH] fix icon padding in notification

---
 src/common/components/Icon.vue | 3 ++-
 src/csui/NotificationUi.vue    | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/common/components/Icon.vue b/src/common/components/Icon.vue
index aede430..bd28301 100644
--- a/src/common/components/Icon.vue
+++ b/src/common/components/Icon.vue
@@ -88,7 +88,8 @@ export default {
 </script>
 
 <style scoped>
-.icon {
+
+.bi.icon {
   margin-left: 0.25em;
   margin-right: 0.25em;
 }
diff --git a/src/csui/NotificationUi.vue b/src/csui/NotificationUi.vue
index 0e0b0ea..0f117a9 100644
--- a/src/csui/NotificationUi.vue
+++ b/src/csui/NotificationUi.vue
@@ -181,6 +181,8 @@ export default {
 
   .notification-text {
     text-align: justify;
+    padding-left: 0.5em;
+    padding-right: 0.25em;
   }
   
   .notification-icon {