macOS and Linux fixes

client/src/styles/partials/bdsettings/button.scss

@@ -9,6 +9,10 @@
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.06);
     opacity: 1;
 
+    .platform-darwin & {
+        top: 27px;
+    }
+
     .bd-settings-button-btn {
         background-image: $logoSmallBw;
         background-size: 50% 50%;
@@ -62,4 +66,4 @@
     100% {
         filter: grayscale(100%);
     }
-}
+}

client/src/styles/partials/bdsettings/sidebarview.scss

@@ -15,9 +15,19 @@
         opacity: 1;
     }
 
+    .bd-sidebar-view::after {
+        content: "";
+        height: 100%;
+        width: 310px;
+        background-color: #202225;
+        top: 100%;
+        display: block;
+        position: absolute;
+    }
+
     .bd-settings-x {
         position: absolute;
-        top: 15px;
+        top: 18px;
         left: 250px;
         border: 2px solid #6e6e6e;
         border-radius: 50%;
@@ -28,6 +38,10 @@
         align-items: center;
         cursor: pointer;
 
+        .platform-darwin & {
+            top: 40px;
+        }
+
         .bd-x-text {
             color: #72767d;
             position: absolute;
@@ -51,11 +65,16 @@
         }
     }
 
+    .bd-sidebar-region .bd-scroller {
+        padding-top: 0;
+    }
+
     .bd-info {
         display: flex;
         align-items: flex-end;
         overflow: hidden;
         padding: 0 25px;
+        margin: 10px 0;
 
         .bd-vtext {
             color: #414245;
@@ -97,6 +116,10 @@
             padding-top: 22px;
         }
     }
+
+    .platform-linux & {
+        top: 0;
+    }
 }
 
 .bd-settings .bd-sidebar-view.bd-stop .bd-content-region {
@@ -110,4 +133,8 @@
 .bd-sidebar .bd-settings-button {
     position: absolute;
 	top: 0;
+
+    .platform-darwin & {
+        top: 22px;
+    }
 }

client/src/styles/partials/discordoverrides.scss

@@ -1,5 +1,9 @@
 .guilds-wrapper {
-    padding-top: 50px !important;
+    padding-top: 49px !important;
+
+    .platform-osx & {
+        margin-top: 26px;
+    }
 }
 
 [class*="guilds-wrapper"] + [class*="flex"] {
@@ -7,5 +11,9 @@
 }
 
 .unread-mentions-indicator-top {
-    top: 45px;
+    top: 49px;
+
+    .platform-osx & {
+        top: 50px;
+    }
 }