align sidebar icons with text. make discord icon slightly bigger

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>

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;