From 2662c7cdaf8e08e7e653285856ecb51907584b9a Mon Sep 17 00:00:00 2001
From: Jinhyuk Jun <jinhyuk.jun@samsung.com>
Date: Tue, 23 Apr 2013 10:54:18 +0900
Subject: [PATCH] TizenWinset : set default margin for checkbox demo

Change-Id: Idaf98de2728a766cf64017aa2b7a8e4ba69407ed
---
 demos/tizen-winsets/widgets/checkbox/checkbox.html | 8 ++++----
 demos/tizen-winsets/widgets/checkbox/styles.css    | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/demos/tizen-winsets/widgets/checkbox/checkbox.html b/demos/tizen-winsets/widgets/checkbox/checkbox.html
index b32c10d..1c2a8e2 100644
--- 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
--- 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
-- 
2.7.4