From 533c19794243eb8dcad1162b956f9037327ee2a1 Mon Sep 17 00:00:00 2001
From: Wesley Handy <wesleylhandy@gmail.com>
Date: Wed, 9 Oct 2019 09:46:02 -0400
Subject: [PATCH] Rearrange html on color picker to match template on wp codex

Match template from:
https://developer.wordpress.org/reference/classes/wp_customize_color_control/
---
 .../alpha-color-picker/alpha-color-picker.php     | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/customizer/alpha-color-picker/alpha-color-picker.php b/customizer/alpha-color-picker/alpha-color-picker.php
index 483d3f4..937e53c 100644
--- a/customizer/alpha-color-picker/alpha-color-picker.php
+++ b/customizer/alpha-color-picker/alpha-color-picker.php
@@ -78,16 +78,19 @@ public function render_content() {
 		$show_opacity = ( false === $this->show_opacity || 'false' === $this->show_opacity ) ? 'false' : 'true';
 
 		// Begin the output. ?>
-		<label>
-			<?php // Output the label and description if they were passed in.
+		<?php // Output the label and description if they were passed in.
 			if ( isset( $this->label ) && '' !== $this->label ) {
 				echo '<span class="customize-control-title">' . sanitize_text_field( $this->label ) . '</span>';
 			}
 			if ( isset( $this->description ) && '' !== $this->description ) {
 				echo '<span class="description customize-control-description">' . sanitize_text_field( $this->description ) . '</span>';
-			} ?>
-			<input class="alpha-color-control" type="text" data-show-opacity="<?php echo $show_opacity; ?>" data-palette="<?php echo esc_attr( $palette ); ?>" data-default-color="<?php echo esc_attr( $this->settings['default']->default ); ?>" <?php $this->link(); ?>  />
-		</label>
+		} ?>
+		<div class="customize-control-content">
+                	<label>
+                    		<span class="screen-reader-text"><?php echo isset( $this->label ) && '' !== $this->label ? $this->label : "Alpha Color Picker"; ?></span>
+                    		<input class="alpha-color-control" type="text" data-show-opacity="<?php echo $show_opacity; ?>" data-palette="<?php echo esc_attr( $palette ); ?>" data-default-color="<?php echo esc_attr( $this->settings['default']->default ); ?>" <?php $this->link(); ?>  />
+                	</label>
+            	</div>
 		<?php
 	}
-}
\ No newline at end of file
+}