slider: increase the margin

Since the issue of overlapped sliders, increase the margin.

Change-Id: I8a91e73a846f079ed7b58db7a4fe3b0b1c67e979

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.slider.less b/src/themes/tizen/common/jquery.mobile.tizen.slider.less
index 94f91e7..6644c72 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.tizen.slider.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.slider.less
@@ -22,8 +22,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;
+       margin-top: 18 * @unit_base;
+       margin-bottom: 18 * @unit_base;
 
        background-image: -webkit-gradient(
                linear,
@@ -36,6 +36,11 @@ select.ui-slider-switch {
        .LESSborder-radius-all( 10 * @unit_base );
 }
 
+.ui-li > .ui-slider-container {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
 .ui-slider-left-volume,
 .ui-slider-left-bright {
        position: absolute;