TizenWinset : set default margin for checkbox demo

Change-Id: Idaf98de2728a766cf64017aa2b7a8e4ba69407ed

diff --git a/demos/tizen-winsets/widgets/checkbox/checkbox.html b/demos/tizen-winsets/widgets/checkbox/checkbox.html
index b32c10d..1c2a8e2 100644 (file)
--- a/demos/tizen-winsets/widgets/checkbox/checkbox.html
+++ b/demos/tizen-winsets/widgets/checkbox/checkbox.html
@@ -25,7 +25,7 @@
                                <div class="content-primary">
                                        <div class="my-check-button-style"><a id="check-1" data-role="button" data-inline="true">Check/UnCheck</a></div>
                                        <div class="my-check-button-style my-check-inline-style"><a id="get-check-value" data-role="button" data-inline="true">Get Check Value</a></div>
-                                       <p>First checkbox check value :
+                                       <p>First checkbox check value : <br>
                                                <span class="checked-value">
                                                        <em>(click the button! )</em>
                                                </span>
@@ -37,19 +37,19 @@
                                                </span>
                                        </p>
                                        <hr/>
-                                       <fieldset data-role="controlgroup">
+                                       <fieldset data-role="controlgroup" class="my-check-controlgroup">
                                                <input type="checkbox" name="checkbox-1" id="checkbox-1"/>
                                                <label for="checkbox-1">Normal</label>
                                                <input type="checkbox" name="checkbox-2" id="checkbox-2" checked="checked" disabled="disabled" />
                                                <label for="checkbox-2">Checked, Disabled</label>
                                                <input type="checkbox" name="checkbox-3" id="checkbox-3" disabled="disabled" />
-                                               <label for="checkbox-3">Disabled</label>
+                                               <label for="checkbox-3">Disabled</label><br>
                                                <input type="checkbox" name="checkbox-4" id="checkbox-4" class="favorite" />
                                                <label for="checkbox-4">Favorite</label>
                                                <input type="checkbox" name="checkbox-5" id="checkbox-5" checked="checked" disabled="disabled" class="favorite" />
                                                <label for="checkbox-5">Favorite Checked, Disabled</label>
                                                <input type="checkbox" name="checkbox-6" id="checkbox-6" disabled="disabled" class="favorite" />
-                                               <label for="checkbox-6">Favorite, Disabled</label>
+                                               <label for="checkbox-6">Favorite, Disabled</label><br>
                                                <input type="checkbox" name="checkbox-7" id="checkbox-7" />
                                                <input type="checkbox" name="checkbox-8" id="checkbox-8" />
                                        </fieldset>

diff --git a/demos/tizen-winsets/widgets/checkbox/styles.css b/demos/tizen-winsets/widgets/checkbox/styles.css
index e577ed2..b38fdba 100644 (file)
--- a/demos/tizen-winsets/widgets/checkbox/styles.css
+++ b/demos/tizen-winsets/widgets/checkbox/styles.css
@@ -3,4 +3,9 @@
 }
 .my-check-inline-style {
        display: inline;
+}
+
+.my-check-controlgroup div.ui-checkbox {
+       margin-top : 3px;
+       margin-bottom : 3px;
 }
\ No newline at end of file