tizen demo : bug fix

set default padding-right to demo <p> tag

Change-Id: I9da90cf4e886fb343f2b7c32ae4e2ac5dac6383c

diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/back-button-to-header.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/back-button-to-header.html
index 88bd221..ff87fed 100755 (executable)
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/back-button-to-header.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/back-button-to-header.html
@@ -16,7 +16,7 @@
                This page declared "data-add-back-btn=header" to page <br>
                1. check and draw back button to header</p>
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                        &lt;div data-role="page" data-add-back-btn="header"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;back button sample&lt;/h1&gt; <br>

diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html
index 1323371..a35e449 100755 (executable)
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html
@@ -15,7 +15,7 @@
                Web Developer declare back btn option and make footer <br>
                back button displayed right bottom side of footer</p><br>
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                        &lt;div data-role="page" data-add-Back-Btn="true"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;back button sample&lt;/h1&gt; <br>

diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-footer.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-footer.html
index cb5595d..3bcfaf7 100755 (executable)
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-footer.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-footer.html
@@ -16,7 +16,7 @@
                but need to add back button dynamically <br>
                call page("addBackBtn", target) API<br></p>
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                        &lt;div data-role="page"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;back button sample&lt;/h1&gt; <br>
@@ -29,7 +29,7 @@
                </div><br>
 
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                                &lt;script&gt; <br>
                                &nbsp;&nbsp;$(".ui-page-active").page( "addBackBtn", "footer" );<br>
                                &lt;/script&gt; <br>

diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html
index 7eadbee..4697367 100755 (executable)
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html
@@ -16,7 +16,7 @@
                but need to add back button dynamically in header<br>
                call page("addBackBtn", target) API<br></p>
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                        &lt;div data-role="page"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;back button sample&lt;/h1&gt; <br>
@@ -29,7 +29,7 @@
                </div><br>
 
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                                &lt;script&gt; <br>
                                &nbsp;&nbsp;$(".ui-page-active").page( "addBackBtn", "header" );<br>
                                &lt;/script&gt; <br>

diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/no-back-button.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/no-back-button.html
index ce710ee..e47a5a1 100755 (executable)
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/no-back-button.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/no-back-button.html
@@ -14,7 +14,7 @@
                Web Developer defines footer in page <br>
                no page option declared <br>
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                        &lt;div data-role="page"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;back button sample&lt;/h1&gt; <br>

diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/no-footer.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/no-footer.html
index e6e53f9..869c59a 100755 (executable)
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/no-footer.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/no-footer.html
@@ -15,7 +15,7 @@
                This page show only header & content in page <br>
 
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                        &lt;div data-role="page"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;no footer sample&lt;/h1&gt; <br>

diff --git a/demos/tizen-winsets/widgets/pagelayout/barcontrol.html b/demos/tizen-winsets/widgets/pagelayout/barcontrol.html
index 704dce2..32a9c62 100755 (executable)
--- a/demos/tizen-winsets/widgets/pagelayout/barcontrol.html
+++ b/demos/tizen-winsets/widgets/pagelayout/barcontrol.html
@@ -17,7 +17,7 @@
                <br><br>
 
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                                var $elPage = $( ".ui-page-active" );<br><br>
                                $elPage.find( ".ui-header" ).hide();<br>
                                $elPage.page( "refresh" );<br><br>
@@ -32,7 +32,7 @@
                <br>
                <br>
                <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                                var $elPage = $( ".ui-page-active" );<br><br>
                                $elPage.find( ".ui-footer" ).hide();<br>
                                $elPage.page( "refresh" );<br><br>

diff --git a/demos/tizen-winsets/widgets/switch/toggleswitch.html b/demos/tizen-winsets/widgets/switch/toggleswitch.html
index 6be30f0..22abb49 100755 (executable)
--- a/demos/tizen-winsets/widgets/switch/toggleswitch.html
+++ b/demos/tizen-winsets/widgets/switch/toggleswitch.html
@@ -15,7 +15,7 @@
                <p>Tizen UX toggle switch has image button for on/off.<br>
                        To display image toggle switch, use jqueryMobile data-role="slider" <br>
                        then remove text for option tag</p>
-               <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+               <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                         add element's width to css file <br>
                        &lt;select data-role="slider"&gt;<br>
                        &nbsp;&lt;option value="off"&gt;&lt;/option&gt;<br>
@@ -43,7 +43,7 @@
                                <option value="on">Long toggle on</option>
                        </select>
                </div>
-               <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+               <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                         add element's width to css file <br>
                        &nbsp;.containing-element .ui-slider-switch { <br>
                        &nbsp&nbsp;width : 9em;<br>