From 15e8e0f86b72fdb1a10fdece9a83358c9fa76e28 Mon Sep 17 00:00:00 2001
From: Jen Baumann <jen.baumann@wpengine.com>
Date: Mon, 6 Apr 2020 14:40:06 -0400
Subject: [PATCH] Update custom class for new button markup (#342)

---
 config/import/content/home-black-white.php | 4 ++--
 config/import/content/home-color.php       | 4 ++--
 lib/gutenberg/front-end.css                | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/config/import/content/home-black-white.php b/config/import/content/home-black-white.php
index 6510ab57..0338e895 100644
--- a/config/import/content/home-black-white.php
+++ b/config/import/content/home-black-white.php
@@ -83,8 +83,8 @@
 <!-- /wp:atomic-blocks/ab-column -->
 
 <!-- wp:atomic-blocks/ab-column -->
-<div class="wp-block-atomic-blocks-ab-column ab-block-layout-column"><div class="ab-block-layout-column-inner"><!-- wp:buttons {"align":"right"} -->
-<div class="wp-block-buttons alignright"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"is-style-outline"} -->
+<div class="wp-block-atomic-blocks-ab-column ab-block-layout-column"><div class="ab-block-layout-column-inner"><!-- wp:buttons {"align":"right","className":"home-contact"} -->
+<div class="wp-block-buttons alignright home-contact"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"is-style-outline"} -->
 <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color no-border-radius" href="#" style="color:#ffffff">Get in touch</a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div></div>
diff --git a/config/import/content/home-color.php b/config/import/content/home-color.php
index ae8a1a6a..1050eafe 100644
--- a/config/import/content/home-color.php
+++ b/config/import/content/home-color.php
@@ -83,8 +83,8 @@
 <!-- /wp:atomic-blocks/ab-column -->
 
 <!-- wp:atomic-blocks/ab-column -->
-<div class="wp-block-atomic-blocks-ab-column ab-block-layout-column"><div class="ab-block-layout-column-inner"><!-- wp:buttons {"align":"right"} -->
-<div class="wp-block-buttons alignright"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"is-style-outline"} -->
+<div class="wp-block-atomic-blocks-ab-column ab-block-layout-column"><div class="ab-block-layout-column-inner"><!-- wp:buttons {"align":"right","className":"home-contact"} -->
+<div class="wp-block-buttons alignright home-contact"><!-- wp:button {"customTextColor":"#ffffff","borderRadius":0,"className":"is-style-outline"} -->
 <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color no-border-radius" href="#" style="color:#ffffff">Get in touch</a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div></div>
diff --git a/lib/gutenberg/front-end.css b/lib/gutenberg/front-end.css
index 90653369..0e3f4fe1 100644
--- a/lib/gutenberg/front-end.css
+++ b/lib/gutenberg/front-end.css
@@ -102,7 +102,8 @@
 
 @media only screen and (max-width: 600px) {
 
-	.wp-block-button.home-contact {
+	.wp-block-button.home-contact,
+	.wp-block-buttons.home-contact {
 		float: left;
 		margin-left: 0;
 	}