Tabbar : modify padding and margin value of footer tabbar buttons

N_SE-43789

Change-Id: I6b933a656f33d5fdb8bbe6b734a72724a4428233

diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less
index 799086c..5facaca 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.theme.less
+++ b/src/themes/tizen/common/jquery.mobile.theme.less
@@ -322,12 +322,12 @@
        [data-role="controlgroup"] {
                margin-left : auto;
                margin-right : auto;
-               margin-top : 8 * @unit_base;
-               margin-bottom : 8 * @unit_base;
+               margin-top : 7 * @unit_base;
+               margin-bottom : 7 * @unit_base;
 
                [data-role="button"] {
                        background : transparent;
-                       
+                       vertical-align : middle;
                        border-style : solid;
                        border-color : @color_bar_divider_line;
                        border-top-width : 0px;
@@ -363,6 +363,7 @@
                                box-shadow : none;
                        }
                        .ui-btn-text {
+                               vertical-align : middle;
                                font-size : 17 * @unit_base;
                                color : color_button_text_normal;
                        }

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less b/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
index 8a3cbbd..4f592b8 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
@@ -16,7 +16,7 @@
                background : @color_bar_tabbar_bg;
                color : @color_tabbar_btn_normal;
 
-               padding-top : 19 * @unit_base;
+               padding-top : 12 * @unit_base;
                padding-bottom : 12 * @unit_base;
 
                .ui-btn-inner {
@@ -32,9 +32,8 @@
                        &:not(.ui-btn-icon-only) .ui-btn-text {
                                display: block;
                                vertical-align: middle;
-                               padding-bottom : 6 * @unit_base;
                                margin-left: 6 * @unit_base;
-                               margin-righti: 6 * @unit_base;
+                               margin-right: 6 * @unit_base;
                                
                        }
                        .ui-btn-text {
@@ -173,8 +172,8 @@
                a.ui-btn {
                        background : @color_bar_toolbar_bg;
 
-                       padding-top : 16 * @unit_base;
-                       padding-bottom : 16 * @unit_base;
+                       padding-top : 12 * @unit_base;
+                       padding-bottom : 12 * @unit_base;
                        &.ui-btn-down-s:not(.ui-btn-icon_only) {
                                background : @color_tabbar_footer_btn_press;
                                .ui-btn-text {
@@ -184,6 +183,8 @@
                }
 
                .ui-btn-inner {
+                       padding-top : 2 * @unit_base;
+                       padding-bottom : 2 * @unit_base;
                        .ui-icon {
                                top : 0px;
                        }