Fix tutorial site homepage

Author: kirbyk

themes/mongodb-tutorials/src/styles/bem-components/main.scss

@@ -10,15 +10,15 @@ $sidebar-width: 330px;
     background-color: $light-grey-secondary;
     bottom: 0;
     overflow: scroll;
+    padding: 20px;
     position: fixed;
     top: $navbar-height;
     width: $sidebar-width;
 
     &--single {
       background-color: $white-primary;
       border-right: 1px solid $light-grey-primary;
-      padding-left: 0;
-      padding-top: 0;
+      padding: 0;
     }
 
     // TODO: this should be its own component
@@ -31,15 +31,14 @@ $sidebar-width: 330px;
 
   &__title {
     margin-bottom: 0; // TODO: Overrideing H1 style. Not best-practice.
-    margin-top: $navbar-height + 10px; // adding 10px to align with "Filters"
+    margin-top: 10px;
     padding: 40px;
   }
 
   &__content {
     flex: 1;
     margin-left: $sidebar-width;
-    max-width: 900px; // TODO: Check with Melissa
     margin-top: 45px;
-    padding: 0 40px;
+    max-width: 900px; // TODO: Check with Melissa
   }
 }

themes/mongodb-tutorials/src/styles/bem-components/single.scss

@@ -1,6 +1,8 @@
 @import '../colors';
 
 .single {
+  padding: 0 40px;
+
   h1 {
     border-bottom: 1px solid $light-grey-primary;
     margin-bottom: 20px; // Fix to add spacing when page has <p> before <h2>