header fixed

Author: Steve Kwak

public/header.html

@@ -83,12 +83,12 @@
 
   }
 </script>
-
 <header
-  style="margin-left: 5%; border-bottom: 1px solid #ddd; height: 96px; display: flex; flex-direction: row; align-items: center;">
+  style="padding-left: 5%; border-bottom: 1px solid #ddd; height: 96px; display: flex; flex-direction: row; align-items: center;">
   <a href="/" style="height: 48px; width: 48px; margin: 0px 24px 24px 0px; position: relative; top: 14px;">
     <img src="/plugin-docs/images/xd-logo.png" style="height: 48px; width: 48px; margin-left: 0"></a>
-  <h1 style="font-size: 24px; margin-top: 10px; font-weight: bold; font-family: roboto"><a href="/">Adobe XD
+  <h1 style="margin-top: auto; margin-bottom: auto; font-size: 24px; font-weight: bold; font-family: roboto"><a
+      href="/">Adobe XD
       Platform</a></h1>
   <ul style="list-style: none; margin-top: 15px; margin-left: 50px;">
     <li
@@ -108,9 +108,9 @@ <h1 style="font-size: 24px; margin-top: 10px; font-weight: bold; font-family: ro
         Support</a></li>
   </ul>
   <!-- <a style="margin-left:auto; margin-right:10%;" href="https://console.adobe.io/plugins">
-    <button type="button" class="console-btn coral-btn coral-btn-cta"> I/O Developer Console</button>
-  </a> -->
+  <button type="button" class="console-btn coral-btn coral-btn-cta"> I/O Developer Console</button>
+</a> -->
 </header>
 <!-- <div class="divider">
-  <p class="divider-text">Community and Support</p>
+<p class="divider-text">Community and Support</p>
 </div> -->