Button: support no-text in button

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.button.less

diff --git a/src/themes/tizen/common/jquery.mobile.button.less b/src/themes/tizen/common/jquery.mobile.button.less
index 72e19f1..7b0def3 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.button.less
+++ b/src/themes/tizen/common/jquery.mobile.button.less
@@ -22,8 +22,10 @@
 {
        padding: .4em 8 * @unit_base .5em; 
 }      /* wongi_1024 : Button text middle align */
-.ui-btn-icon-notext { width: 24 * @unit_base; height: 24 * @unit_base; }
+
+.ui-btn-icon-notext { width: 36 * @unit_base; height: 36 * @unit_base; }
 .ui-btn-icon-notext .ui-btn-inner { padding: 2 * @unit_base 1 * @unit_base 2 * @unit_base 3 * @unit_base; }
+.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin-left: -16 * @unit_base; margin-top: -16 * @unit_base; }
 .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999 * @unit_base; }
 .ui-btn-icon-left .ui-btn-inner { padding-left: 33 * @unit_base; }
 .ui-header .ui-btn-icon-left .ui-btn-inner,
@@ -44,7 +46,6 @@
 
 /*btn icon positioning*/
 .ui-btn-icon-notext .ui-icon { display: block; }
-
 .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon, .ui-btn-icon-circle .ui-icon { position: absolute; /*top: 50%; margin-top: -9px;*/ } /* wongi_1018 : do not use. No more use 18px default icons. */