From c5c83078baeef220ed32e55e3cfc454ddb98d50b Mon Sep 17 00:00:00 2001
From: Ariel Klikstein <ariel@elementor.com>
Date: Thu, 8 Sep 2022 09:03:09 +0300
Subject: [PATCH] Fix: Create logo Style & polish (#227)

* few comments

* Tested up to 5.6

* remove duplicate

* add utilities scss

* Post Password Form Submit button alignment

When a post is password-protected, the Post Password Form Submit button isn't aligned properly.

* Update Changelog

* Move Hello Theme Header & Footer experiment to stable status

* Changelog

* Build

* Add ref to changelog

* Aligned page title to the header and footer

* Internal: Add accessibility-ready tag

* Tweak: Remove unused image file

* Internal: update text & links

* Internal: fix URL

* Tweak: Mark the header footer tab in the customizer

* Fix: Remove override the default width

* Changelog

* Tweak: Add theme_support for `script` and `style` to avoid validation warnings (#184)

* A different way to align title

* changelog

* Tweak: Add output escaping, fixed: #194

* Tweak: Added Skip to Content link to dynamic or template header

* Changelog

* Update header.php

* Changelog

* changelog

* changelog

* Update release date

* Update date release

* Internal: New screenshot

* Fix: Tables with various colors looks weird (#126)

* Changelog

* Fix table colors

* Changelog

* Change text

* Update customizer-functions.php

* Fix: Create logo Style & polish

Co-authored-by: Roman <romanbondar@users.noreply.github.com>
Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
---
 assets/scss/customizer.scss       | 19 +++++++++++++++++++
 includes/customizer-functions.php |  4 ++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/assets/scss/customizer.scss b/assets/scss/customizer.scss
index 5f85705a..366b2c1c 100644
--- a/assets/scss/customizer.scss
+++ b/assets/scss/customizer.scss
@@ -37,3 +37,22 @@
 		margin: .1em 0 1.3em;
 	}
 }
+
+.create-logo-desc {
+	margin-top: 10px;
+	padding: 10px;
+	background: white;
+	font-style: italic;
+
+	+ .actions {
+		background: white;
+		padding: 0 10px 10px;
+		margin-bottom: 15px;
+
+		.button {
+			margin-top: 0;
+			width: 100%;
+			text-align: center;
+		}
+	}
+}
diff --git a/includes/customizer-functions.php b/includes/customizer-functions.php
index aa227bf7..6606e8c5 100644
--- a/includes/customizer-functions.php
+++ b/includes/customizer-functions.php
@@ -65,9 +65,9 @@ function hello_customizer_custom_logo_button() {
 	<script>
 		jQuery( function( $ ) {
 			function insertLogoButton( elementId ) {
-				var button = $( '<a class="button create-logo-button" target="_blank" href="https://go.elementor.com/hello-theme-logo-maker/" />' )
+				var button = $( '<a class="button button-primary create-logo-button" target="_blank" href="https://go.elementor.com/hello-theme-logo-maker/" />' )
 					.text( '<?php echo esc_attr__( 'Create a Logo in Minutes', 'hello-elementor' ); ?>' ),
-					description = $( '<span />' )
+					description = $( '<div class="create-logo-desc" />' )
 						.text( '<?php echo esc_html__( 'Add a logo to display on your website. Don\'t have one yet? Create a professional logo with Fiverr\'s logo maker.', 'hello-elementor' ); ?>' );
 
 				setTimeout( function() {