From: Stephen Cameron <stephen@cubedesigners.com>
Date: Tue, 14 May 2019 17:54:22 +0000 (+0200)
Subject: Centred animated link display fix. WIP #2684 @0:10
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=8bc579fe3e8e01595643049075231bbe741855dc;p=c6-wordpress.git

Centred animated link display fix. WIP #2684 @0:10
---

diff --git a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl
index ee53253..3989aab 100644
--- a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl
+++ b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl
@@ -63,6 +63,7 @@ $breakpoint-hero = 1024px
       max-width: r(880px)
       margin: 0 auto
       color: #fff
+      text-align: center
 
       +below(400px)
         padding: 1em 2em
@@ -101,5 +102,7 @@ $breakpoint-hero = 1024px
       margin: 0 auto
 
   &-cta
-    justify-content: center
+    // Using inline-flex so element is only as wide as it needs
+    // to be and overflow: hidden can work on animated arrows
+    display: inline-flex
     margin-top: 2em