Make sidebar toggle margin more explicit (#796)

Resolves: rdar://123086813

Author: mportiz08

src/components/DocumentationTopic/DocumentationNav.vue

@@ -188,6 +188,10 @@ $sidenav-icon-padding-size: 5px;
   display: flex;
   margin-top: 1px;
 
+  @include breakpoints-from(large, nav) {
+    margin-right: $nav-padding / 2;
+  }
+
   // This is a hack to enforce the toggle to be visible when in breakpoint,
   // even if already toggled off on desktop. Conditionally checking the current breakpoint,
   // would trigger animations when switching between breakpoints.

src/components/NavBase.vue

@@ -673,12 +673,6 @@ $content-max-width: map-deep-get($breakpoint-attributes, (nav, large, content-wi
   white-space: nowrap;
   box-sizing: border-box;
 
-  @include breakpoints-from(large, nav) {
-    &:not(:first-child) {
-      padding-left: $nav-padding / 2;
-    }
-  }
-
   @include breakpoint(small, $scope: nav) {
     padding-top: 0;
     height: $nav-height-small;