Merge pull request #276 from AmericanMedicalAssociation/feature/wayfi…

…nder-tweak Removes extra padding and height to the wayfinder.
AmericanMedicalAssociation · Dec 20, 2017 · 1dcc1b9 · 1dcc1b9
2 parents afb8442 + 1d72881
commit 1dcc1b9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/styleguide/source/_patterns/02-organisms/00-global/06-wayfinder/_wayfinder.scss b/styleguide/source/_patterns/02-organisms/00-global/06-wayfinder/_wayfinder.scss
@@ -13,8 +13,9 @@
 }
 
 .wayfinder_logo .logo-outer {
-  margin: $gutter auto;
-  align-self: center;
+  margin: 0 auto;
+  align-items: center;
+  display: flex;
 }
 
 .wayfinder_referrer {
@@ -27,7 +28,7 @@
   }
 
   @include breakpoint($bp-med) {
-    padding: $gutter 0 $gutter ($gutter / 2);
+    padding: ($gutter / 2) 0;
   }
 
   .link-back {

diff --git a/styleguide/source/_patterns/02-organisms/00-global/06-wayfinder/wayfinder.js b/styleguide/source/_patterns/02-organisms/00-global/06-wayfinder/wayfinder.js
@@ -11,12 +11,13 @@
   Drupal.behaviors.wayfinder = {
     attach: function (context, settings) {
       (function ($) {
+
         // Read wayfinder cookies set from ama-assn domains
         $.cookie.json = true;
         var ama_wayfinder_cookie = $.cookie('ama_wayfinder_cookie');
 
         if (typeof ama_wayfinder_cookie !== 'undefined') {
-          $('.wayfinder_referrer .link-back').show();
+          $('.wayfinder_referrer .link-back').show().css('display', 'flex');
           $('.link-back').attr("href", ama_wayfinder_cookie[1]);
           $('.link-back .link-back_text').text(ama_wayfinder_cookie[0]);
         } else {

diff --git a/styleguide/source/_patterns/02-organisms/00-global/06-wayfinder/wayfinder.twig b/styleguide/source/_patterns/02-organisms/00-global/06-wayfinder/wayfinder.twig
@@ -11,7 +11,5 @@
       {% set href = wayfinder.logo.href %}
       {% include 'atoms-logo' %}
     </div>
-    {# Use an empty div here to take up space so the logo can be centered. #}
-    <div class="col-width-4"></div>
   </div>
 </section>