From ab9ed54b46eea213169d4357b599bfd40ff5e3ce Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Thu, 12 Oct 2023 21:05:04 -0700
Subject: [PATCH] align sidebar icons with text.  make discord icon slightly
 bigger

---
 src/app/sidebar/MainSideBar.tsx | 2 +-
 src/app/sidebar/sidebar.less    | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/sidebar/MainSideBar.tsx b/src/app/sidebar/MainSideBar.tsx
index 170268d5..6871711c 100644
--- a/src/app/sidebar/MainSideBar.tsx
+++ b/src/app/sidebar/MainSideBar.tsx
@@ -241,7 +241,7 @@ class MainSideBar extends React.Component<{}, {}> {
                             Documentation
                         </div>
                         <div className="item hoverEffect" onClick={() => openLink("https://discord.gg/XfvZ334gwU")}>
-                            <DiscordIcon className="icon" />
+                            <DiscordIcon className="icon discord" />
                             Talk to us
                         </div>
                     </div>
diff --git a/src/app/sidebar/sidebar.less b/src/app/sidebar/sidebar.less
index d292f8ca..87db7721 100644
--- a/src/app/sidebar/sidebar.less
+++ b/src/app/sidebar/sidebar.less
@@ -92,12 +92,18 @@
             vertical-align: middle;
         }
         .icon {
-            margin: 0 0.5em;
+            margin: 0 0.5em 2px 0.5em;
             width: 1em;
             height: 1em;
             display: inline-block;
             vertical-align: middle;
             border-radius: 50%;
+
+            &.discord {
+                width: 1.2em;
+                height: 1.2em;
+                margin: 0 0.4em 2px 0.4em;
+            }
         }
         .hotkey {
             float: right;