From bf61e8ffbe5c7ae46e9c9168f98512173a4d9bbf Mon Sep 17 00:00:00 2001
From: Arnab Wahid <arnabwahid+github@gmail.com>
Date: Wed, 27 Jun 2018 13:59:10 +0530
Subject: [PATCH] Bottom margin in image alignment

As proposed in #1273, `margin-botom: 1.5em;` added to all three image alignment classes.

tab line 178 inc/woocommerce.php

tab line 61 inc/custom-header.php
---
 inc/custom-header.php         | 6 +++---
 inc/woocommerce.php           | 2 +-
 sass/modules/_alignments.scss | 3 +++
 style.css                     | 3 +++
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/inc/custom-header.php b/inc/custom-header.php
index a4c2a6cc..39cb10b0 100644
--- a/inc/custom-header.php
+++ b/inc/custom-header.php
@@ -56,9 +56,9 @@ if ( ! function_exists( '_s_header_style' ) ) :
 			.site-description {
 				position: absolute;
 				clip: rect(1px, 1px, 1px, 1px);
-			}
-		<?php
-		// If the user has set a custom color for the text use that.
+				}
+			<?php
+			// If the user has set a custom color for the text use that.
 		else :
 			?>
 			.site-title a,
diff --git a/inc/woocommerce.php b/inc/woocommerce.php
index 6d6000ed..a0d70188 100644
--- a/inc/woocommerce.php
+++ b/inc/woocommerce.php
@@ -175,7 +175,7 @@ if ( ! function_exists( '_s_woocommerce_wrapper_after' ) ) {
 	 * @return void
 	 */
 	function _s_woocommerce_wrapper_after() {
-			?>
+		?>
 			</main><!-- #main -->
 		</div><!-- #primary -->
 		<?php
diff --git a/sass/modules/_alignments.scss b/sass/modules/_alignments.scss
index 5db6ab4e..853df289 100644
--- a/sass/modules/_alignments.scss
+++ b/sass/modules/_alignments.scss
@@ -2,15 +2,18 @@
 	display: inline;
 	float: left;
 	margin-right: 1.5em;
+	margin-bottom: 1.5em;
 }
 
 .alignright {
 	display: inline;
 	float: right;
 	margin-left: 1.5em;
+	margin-bottom: 1.5em;
 }
 
 .aligncenter {
 	clear: both;
 	@include center-block;
+	margin-bottom: 1.5em;
 }
diff --git a/style.css b/style.css
index 2884f386..6b21d2b8 100644
--- a/style.css
+++ b/style.css
@@ -776,12 +776,14 @@ a:hover, a:active {
 	display: inline;
 	float: left;
 	margin-right: 1.5em;
+	margin-bottom: 1.5em;
 }
 
 .alignright {
 	display: inline;
 	float: right;
 	margin-left: 1.5em;
+	margin-bottom: 1.5em;
 }
 
 .aligncenter {
@@ -789,6 +791,7 @@ a:hover, a:active {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
+	margin-bottom: 1.5em;
 }
 
 /*--------------------------------------------------------------