Merge pull request linode#98 from kwilkins/DLC-87-edge-stylebug

DLC-87 MS Edge Only - Changelog Subheaders background extends beyond text-area

Author: Alban Bailly

themes/dlc/layouts/_default/guides.html

@@ -37,7 +37,9 @@ <h3 class="mt-0 text-2xl font-normal"><a href="{{ .Params.external_url }}" class
         <h2 class="mt-0 font-normal text-BaseGreenDark">Want more help?</h2>
       </header>
       <p class="text-xl mt-2 font-light">Find answers, ask questions, and help others.</p>
-      <a href="https://linode.com/community/questions" target="_blank" class="btn mt-4">Join our Community</a>
+      <div class="flex">
+        <a href="https://linode.com/community/questions" target="_blank" class="btn mt-4">Join our Community</a>
+      </div>
     </div>
   </article>
 </div>

themes/dlc/layouts/index.html

@@ -43,7 +43,7 @@ <h2 class="mt-0 font-normal text-center"><a href="https://www.linode.com/communi
     <h2 class="text-BaseGreenDark font-normal">Events</h2>
     <div class="text-2xl my-3 font-light">Catch us on the road at conferences, meetups, and job fairs.</div>
   </div>
-  <div class="my-8 -mx-4 pb-8">
+  <div class="my-8 -mx-4 pb-8 text-center">
     <div class="flex flex-row flex-wrap justify-center">
         {{ range last 3 ((where .Pages "Section" "events").ByParam "start_date") }}
         {{ $t := (time .Params.end_date) }}
@@ -63,14 +63,14 @@ <h3 class="mt-0 mb-4 font-normal"><a href="{{ .Params.event_url }}" class="text-
           {{ end }}
         {{ end }}
     </div>
-      <a class="btn block mx-auto text-center mb-12" href="https://www.linode.com/events" target="_blank">View All Events</a>
+      <a class="btn mx-auto text-center mb-12" href="https://www.linode.com/events" target="_blank">View All Events</a>
   </div>
 
   <div class="relative row-full pb-8 home-cubes">
     <div class="mx-auto text-center max-w-lg my-8">
       <h2 class="font-normal text-BaseGreenDark">Careers at Linode</h2>
-      <div class="text-2xl mt-2 font-light">Help us create the platform of tomorrow.</div>
-      <a class="btn block mx-auto mt-6" href="https://www.linode.com/careers" target="_blank">View Opportunities</a>
+      <div class="text-2xl mt-2 mb-8 font-light">Help us create the platform of tomorrow.</div>
+      <a class="btn mx-auto mt-6" href="https://www.linode.com/careers" target="_blank">View Opportunities</a>
     </div>
   </div>
 

themes/dlc/srcCSS/components/2_molecules/changelog-entry.css

@@ -1,5 +1,6 @@
 .changelog-entry h3 {
   @apply tag;
+  display: inline-block;
   margin-top: 13px;
 }