Tabbar: Adjust the latest GUI

Change-Id: If2b450d41102987fc862a66e798b2eb30e666511

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less b/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
index 5e7390d..2b97da8 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
@@ -28,6 +28,14 @@
                        -0-border-radius : 0px;
                        -ms-border-radius : 0px;
                        -webkit-border-radius : 0px;
+
+                       &:not(.ui-btn-icon-only) .ui-btn-text {
+                               display: block;
+                               vertical-align: middle;
+                               padding-bottom : 6 * @unit_base;
+                               margin-left: 6 * @unit_base;
+                               margin-right: 6 * @unit_base;
+                       }
                }
 
                .ui-icon {
@@ -45,6 +53,12 @@
                }
                a.ui-state-persist, a.ui-state-persist.ui-btn-active, a.ui-btn-show-style {
                        color : @color_tabbar_btn_pressed;
+
+                       .ui-btn-text {
+                               border-bottom-width: 3 * @unit_base;
+                               border-bottom-color: @color_tabbar_btn_pressed;
+                               border-bottom-style: solid;
+                       }
                }
                a.ui-btn-hover-s.ui-btn-down-s {
                        &:not(.ui-state-persist) {
@@ -60,6 +74,11 @@
                }
                a.ui-btn-active, .ui-btn-show-style {
                        color : @color_tabbar_btn_pressed;
+                       .ui-btn-text {
+                               border-bottom-width: 3 * @unit_base;
+                               border-bottom-color: @color_tabbar_btn_pressed;
+                               border-bottom-style: solid;
+                       }
                }
                a.ui-btn.ui-btn-hover-s.ui-btn-down-s {
                        color : @color_tabbar_btn_pressed;
@@ -134,8 +153,7 @@
                                .ui-btn-inner {
                                        height : 54 * @unit_base;
                                        .ui-btn-text {
-                                               padding-top : 0px;
-                                               line-height : 85 * @unit_base;
+                                               padding-bottom: 1 * @unit_base;
                                        }
                                        .ui-icon {
                                                top : 0px;