fix a documentation site css issue with aligning body content next to navdrawer

Author: sesemaya

assets/sass-project/project.scss

@@ -10,15 +10,15 @@
     padding-top: ($toolbar-height * 2);
 
     @include media-breakpoint-up(lg) {
-      .navdrawer-permanent + {
+      .navdrawer-permanent ~ & {
         margin-left: $navdrawer-width-mobile;
       }
     }
   }
 
   .doc-main {
     @include media-breakpoint-up(lg) {
-      .navdrawer-permanent + {
+      .navdrawer-permanent ~ & {
         margin-left: $navdrawer-width-mobile;
       }
     }
@@ -28,7 +28,7 @@
     position: fixed;
 
     @include media-breakpoint-up(lg) {
-      .navdrawer-permanent + {
+      .navdrawer-permanent ~ & {
         margin-left: $navdrawer-width-mobile;
       }
     }

css/project.css

@@ -7,13 +7,13 @@
   padding-top: 7rem;
 }
 @media (min-width: 1280px) {
-  .doc-jumbotron .navdrawer-permanent + {
+  .navdrawer-permanent ~ .doc-jumbotron {
     margin-left: 17.5rem;
   }
 }
 
 @media (min-width: 1280px) {
-  .doc-main .navdrawer-permanent + {
+  .navdrawer-permanent ~ .doc-main {
     margin-left: 17.5rem;
   }
 }
@@ -22,7 +22,7 @@
   position: fixed;
 }
 @media (min-width: 1280px) {
-  .doc-toolbar .navdrawer-permanent + {
+  .navdrawer-permanent ~ .doc-toolbar {
     margin-left: 17.5rem;
   }
 }