From cb1568a016e4b2c354f9e63c7aa770332e907431 Mon Sep 17 00:00:00 2001
From: shramee <shramee.srivastav@gmail.com>
Date: Tue, 1 Mar 2016 19:53:19 +0530
Subject: [PATCH] Icon size relative to button size and padding ratio fixed

---
 assets/dashicons-select.js |  7 ++++++-
 assets/dialog.php          | 10 +++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/assets/dashicons-select.js b/assets/dashicons-select.js
index a47feab..30b8686 100644
--- a/assets/dashicons-select.js
+++ b/assets/dashicons-select.js
@@ -16,7 +16,12 @@
 		$di.append( $('<br>') );
 		$.each( $.fn.dashicons, function( k, icon ) {
 			var ico = 'dashicons dashicons-' + icon;
-			$i = $( '<i/>' ).addClass( ico ).css("vertical-align","middle");
+			$i = $( '<i/>' ).addClass( ico ).css( {
+				verticalAlign : "middle",
+				fontSize: '1.2em',
+				width: '1em',
+				height: '1em'
+			} );
 			$i.click( function() {
 				var $t = $( this );
 				$input.val( $t.prop('outerHTML') ).change();
diff --git a/assets/dialog.php b/assets/dialog.php
index 623f17c..4ae066e 100644
--- a/assets/dialog.php
+++ b/assets/dialog.php
@@ -216,7 +216,7 @@
 		</div>
 		<div class="field">
 			<label>Size</label>
-			<input class="input-style" name="font-size" min="5" max="70" step="2" type="range">
+			<input class="input-style" name="font-size" min="5" max="70" step="2" type="range" value="25">
 		</div>
 		<div class="field">
 			<label>Align</label>
@@ -236,7 +236,7 @@
 	<?php wp_print_footer_scripts(); ?>
 	<script src="<?php echo $_GET['assets_url'] . 'alpha-color.js' ?>"></script>
 	<link rel="stylesheet" href="<?php echo $_GET['assets_url'] . 'dashicons-select.css' ?>">
-	<script src="<?php echo $_GET['assets_url'] . 'dashicons-select.js?v=1.1' ?>"></script>
+	<script src="<?php echo $_GET['assets_url'] . 'dashicons-select.js?v=1.0.1' ?>"></script>
 
 	<script>
 		jQuery( function ( $ ) {
@@ -267,7 +267,6 @@
 					var $t = $( this ),
 						name = $t.attr( 'name' ),
 						val = params.button.attr( name );
-					console.log( name + ' : ' + val );
 					if ( val ) {
 						if ( 'checkbox' == $t.attr( 'type' ) ) {
 							$t.prop( 'checked', true );
@@ -316,7 +315,7 @@
 
 					return_text += $t.attr( 'name' ) + ':' + val + ';';
 				} );
-				return return_text + get_background() + 'display:inline-block;padding:0.5em 1em;text-decoration:none;line-height:1;';
+				return return_text + get_background() + 'display:inline-block;padding:0.5em 0.7em;text-decoration:none;line-height:1;';
 			};
 
 			get_background = function () {
@@ -337,7 +336,8 @@
 			$( 'input[type="colorpicker"]' ).each( function () {
 				var $t = $( this );
 				$t.libColorPicker( {
-					change: preview
+					change: preview,
+					clear: preview
 				} );
 			} );