From 960b8ad932469d4c2bc0bf94d291863486753d18 Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Mon, 17 Jun 2024 13:32:15 +0800
Subject: [PATCH 1/4] * Update icon for channels button on side nav

---
 src/renderer/components/side-nav/side-nav.vue | 2 +-
 src/renderer/main.js                          | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/side-nav/side-nav.vue b/src/renderer/components/side-nav/side-nav.vue
index b469246029025..047d361e107d8 100644
--- a/src/renderer/components/side-nav/side-nav.vue
+++ b/src/renderer/components/side-nav/side-nav.vue
@@ -42,7 +42,7 @@
           class="thumbnailContainer"
         >
           <font-awesome-icon
-            :icon="['fas', 'list']"
+            :icon="['fas', 'user-check']"
             class="navIcon"
             :class="applyNavIconExpand"
             fixed-width
diff --git a/src/renderer/main.js b/src/renderer/main.js
index 63cad6fd7b306..11b21b4de819a 100644
--- a/src/renderer/main.js
+++ b/src/renderer/main.js
@@ -89,6 +89,7 @@ import {
   faTimes,
   faTimesCircle,
   faTrash,
+  faUserCheck,
   faUsers,
   faUsersSlash,
 } from '@fortawesome/free-solid-svg-icons'
@@ -188,6 +189,7 @@ library.add(
   faTimes,
   faTimesCircle,
   faTrash,
+  faUserCheck,
   faUsers,
   faUsersSlash,
 

From 50755a0942b07aee5767305cd57bc4b713a18410 Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Tue, 18 Jun 2024 09:38:47 +0800
Subject: [PATCH 2/4] * Reduce size of new icon

---
 src/renderer/components/side-nav/side-nav.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/side-nav/side-nav.css b/src/renderer/components/side-nav/side-nav.css
index 282d41c7a1d90..912f55fa2f648 100644
--- a/src/renderer/components/side-nav/side-nav.css
+++ b/src/renderer/components/side-nav/side-nav.css
@@ -74,9 +74,16 @@
 }
 
 .navIcon {
+  block-size: 1em;
+  inline-size: 1.25em;
   margin-inline-start: 10px;
 }
 
+.navIcon.fa-user-check {
+  /* This icon is too big by default */
+  inline-size: 1em;
+}
+
 .navChannel .navLabel {
   overflow: hidden;
   margin-inline-start: 40px;
@@ -90,6 +97,7 @@
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
+  text-align: center;
 }
 
 .channelThumbnail {
@@ -131,8 +139,13 @@
   margin-block-end: 0;
 }
 
-.closed .navIconExpand{
-  block-size:1.3em;
+.closed .navIconExpand {
+  block-size: 1.3em;
+}
+
+.closed .navIconExpand.fa-user-check {
+  /* This icon is too big by default */
+  block-size: 1.15em;
 }
 
 .closed .navLabel {

From 63b333a96ca09dd20fc1c45d7202a85ba0dd3774 Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Wed, 19 Jun 2024 08:38:50 +0800
Subject: [PATCH 3/4] * Align new icon manually

---
 src/renderer/components/side-nav/side-nav.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/renderer/components/side-nav/side-nav.css b/src/renderer/components/side-nav/side-nav.css
index 912f55fa2f648..2311f19bd1f99 100644
--- a/src/renderer/components/side-nav/side-nav.css
+++ b/src/renderer/components/side-nav/side-nav.css
@@ -82,6 +82,9 @@
 .navIcon.fa-user-check {
   /* This icon is too big by default */
   inline-size: 1em;
+
+  /* Align icon according to torso */
+  transform: translateX(0.20em);
 }
 
 .navChannel .navLabel {

From 7a130ac0c40153622fe9a00d319f952ecb454edb Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Fri, 19 Jul 2024 10:18:49 +0800
Subject: [PATCH 4/4] * Update mobile menu item icon

---
 .../side-nav-more-options/side-nav-more-options.css          | 5 +++++
 .../side-nav-more-options/side-nav-more-options.vue          | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/side-nav-more-options/side-nav-more-options.css b/src/renderer/components/side-nav-more-options/side-nav-more-options.css
index adc4de66ec329..46a71073bf5f1 100644
--- a/src/renderer/components/side-nav-more-options/side-nav-more-options.css
+++ b/src/renderer/components/side-nav-more-options/side-nav-more-options.css
@@ -69,6 +69,11 @@
     margin-block-start: 0.5em;
   }
 
+  .navIcon.fa-user-check {
+    /* Align icon according to torso */
+    transform: translateX(0.2em);
+  }
+
   .moreOption {
     display: block;
   }
diff --git a/src/renderer/components/side-nav-more-options/side-nav-more-options.vue b/src/renderer/components/side-nav-more-options/side-nav-more-options.vue
index 07f17810e3a1a..127082d686fe4 100644
--- a/src/renderer/components/side-nav-more-options/side-nav-more-options.vue
+++ b/src/renderer/components/side-nav-more-options/side-nav-more-options.vue
@@ -37,7 +37,7 @@
           class="thumbnailContainer"
         >
           <font-awesome-icon
-            :icon="['fas', 'list']"
+            :icon="['fas', 'user-check']"
             class="navIcon"
             :class="applyNavIconExpand"
             fixed-width