WD-30045 - Fix margin on /docs page and other PR comments

Author: alvaromateo

static/sass/_snapcraft_p-navigation.scss

@@ -20,11 +20,15 @@
         // starts on the right outside of the screen
         --right: 110%;
 
-        &--wrapper {
+        .p-navigation__items-wrapper {
           position: relative;
         }
       }
 
+      .l-docs__main .p-navigation__nav {
+        margin-top: 0;
+      }
+
       .p-navigation__items {
         padding-bottom: 0;
         position: static;
@@ -72,7 +76,7 @@
         syntax: "<percentage>";
       }
 
-      .p-navigation__nav--wrapper {
+      .p-navigation__items-wrapper {
         display: flex;
         flex-direction: row;
         justify-content: space-between;

templates/_header.html

@@ -29,7 +29,7 @@
           <div class="p-navigation__row u-fixed-width">
         {% endif %}
             <nav class="p-navigation__nav">
-              <div class="p-navigation__nav--wrapper">
+              <div class="p-navigation__items-wrapper">
                 <ul class="p-navigation__items" role="menu">
                   <li
                     class="p-navigation__item {% if request.path == '/store' %}is-selected{% endif %}"