Make wizard header line up with page header

ui/app/styles/components/ui-wizard.scss

@@ -66,10 +66,15 @@
 
 .wizard-header {
   border-bottom: $light-border;
-  padding-bottom: $size-8;
-  margin-bottom: $size-4;
+  padding: $size-8 0;
+  margin: $size-4 0;
   position: relative;
 
+  @include until($tablet) {
+    margin-top: 0;
+    padding-top: 0;
+  }
+
   .icon {
     margin-right: $size-11;
     vertical-align: -0.33rem;
@@ -78,8 +83,8 @@
 
 .wizard-dismiss-menu {
   position: absolute;
-  right: $size-6;
-  top: $size-6;
+  right: 0;
+  bottom: $size-10;
   z-index: 10;
 }
 
@@ -110,7 +115,8 @@
   }
 
   .wizard-header {
-    margin-bottom: $size-10;
+    margin: 0 0 $size-10;
+    padding-top: 0;
   }
 }
 

ui/app/templates/components/wizard-content.hbs

@@ -1,15 +1,15 @@
-<PopupMenu @class="wizard-dismiss-menu">
-  <nav class="menu">
-    <ul class="menu-list">
-      <li class="action">
-        <button type="button" class="button link" onclick={{action "dismissWizard"}}>
-          Dismiss
-        </button>
-      </li>
-    </ul>
-  </nav>
-</PopupMenu>
 <div class="wizard-header">
+  <PopupMenu @class="wizard-dismiss-menu">
+    <nav class="menu">
+      <ul class="menu-list">
+        <li class="action">
+          <button type="button" class="button link" onclick={{action "dismissWizard"}}>
+            Dismiss
+          </button>
+        </li>
+      </ul>
+    </nav>
+  </PopupMenu>
   <h1 class="title is-5">
     <ICon @glyph={{glyph}} @size="21" /> {{headerText}}
   </h1>