slider: add margin-top and margin-bottom

Since handle is bigger than bar,
the height of widget is smaller than actual height.

Change-Id: I0f1e5d70edf8905c2fe7fcc71aa0210a6a65ae34

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.slider.less b/src/themes/tizen/common/jquery.mobile.tizen.slider.less
index ed612a3..6d9ac01 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.tizen.slider.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.slider.less
@@ -23,6 +23,8 @@ select.ui-slider-switch {
        height: 18 * @unit_base;
        margin-left: 16 * @unit_base;
        margin-right: 16 * @unit_base;
+       margin-top: 9 * @unit_base;
+       margin-bottom: 9 * @unit_base;
 
        background-image: -webkit-gradient(
                linear,
@@ -119,7 +121,7 @@ div.ui-slider:not(.ui-toggle-switch) {
        background-color: @color_progress_bar0;
 
        .ui-btn {
-               top: -0.8rem;
+               top: -0.75rem;
                margin-top: 0;
        }
        .ui-btn-inner {