From 74f061c7165140caf14354c053a79d4c5a2b20ed Mon Sep 17 00:00:00 2001
From: Paul Bakaus <paul.bakaus@googlemail.com>
Date: Wed, 31 Dec 2008 14:25:59 +0000
Subject: [PATCH] demos: use higher padding for slider demos in website version

---
 demos/slider/colorpicker.html       | 1 +
 demos/slider/default.html           | 3 +++
 demos/slider/multiple_vertical.html | 3 +++
 demos/slider/range.html             | 3 +++
 demos/slider/range_vertical.html    | 3 +++
 demos/slider/rangemax.html          | 3 +++
 demos/slider/rangemin.html          | 3 +++
 demos/slider/slider_vertical.html   | 3 +++
 demos/slider/steps.html             | 3 +++
 9 files changed, 25 insertions(+)

diff --git a/demos/slider/colorpicker.html b/demos/slider/colorpicker.html
index ecdaa7ae2..4fee945cf 100644
--- a/demos/slider/colorpicker.html
+++ b/demos/slider/colorpicker.html
@@ -27,6 +27,7 @@
 	#green .ui-slider-handle { border-color: #8ae234; }
 	#blue .ui-slider-range { background: #729fcf; }
 	#blue .ui-slider-handle { border-color: #729fcf; }
+	#demo-frame > div.demo { padding: 10px !important; };
 	</style>
 	<script type="text/javascript">
 	function hexFromRGB (r, g, b) {
diff --git a/demos/slider/default.html b/demos/slider/default.html
index 75533e52e..40cc0bea2 100644
--- a/demos/slider/default.html
+++ b/demos/slider/default.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider").slider();
diff --git a/demos/slider/multiple_vertical.html b/demos/slider/multiple_vertical.html
index 8fb619be4..8ac887e9c 100644
--- a/demos/slider/multiple_vertical.html
+++ b/demos/slider/multiple_vertical.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider0").slider({
diff --git a/demos/slider/range.html b/demos/slider/range.html
index 8bcb6a6df..658ce092a 100644
--- a/demos/slider/range.html
+++ b/demos/slider/range.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider-range").slider({
diff --git a/demos/slider/range_vertical.html b/demos/slider/range_vertical.html
index 7f488b0fe..bdbe61128 100644
--- a/demos/slider/range_vertical.html
+++ b/demos/slider/range_vertical.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider-range").slider({
diff --git a/demos/slider/rangemax.html b/demos/slider/rangemax.html
index 612084d8e..8cda92a32 100644
--- a/demos/slider/rangemax.html
+++ b/demos/slider/rangemax.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider-range-max").slider({
diff --git a/demos/slider/rangemin.html b/demos/slider/rangemin.html
index 72b784c43..ee8fb9a45 100644
--- a/demos/slider/rangemin.html
+++ b/demos/slider/rangemin.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider-range-min").slider({
diff --git a/demos/slider/slider_vertical.html b/demos/slider/slider_vertical.html
index 633fac01a..d4944733a 100644
--- a/demos/slider/slider_vertical.html
+++ b/demos/slider/slider_vertical.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider-vertical").slider({
diff --git a/demos/slider/steps.html b/demos/slider/steps.html
index ac18e3879..57f90eed3 100644
--- a/demos/slider/steps.html
+++ b/demos/slider/steps.html
@@ -7,6 +7,9 @@
 	<script type="text/javascript" src="../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css" media="screen">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		$("#slider").slider({
-- 
2.39.5