From 2d86e486f80bd5cf71db837c73a51befa45c6444 Mon Sep 17 00:00:00 2001
From: Chi Cheng <cloudream@gmail.com>
Date: Sun, 4 Jan 2009 09:20:45 +0000
Subject: demos: fixed content out of boxes, font-size and paddings

---
 demos/draggable/delaydistance.html | 2 +-
 demos/draggable/snap.html          | 5 +++--
 demos/draggable/sortable.html      | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

(limited to 'demos/draggable')

diff --git a/demos/draggable/delaydistance.html b/demos/draggable/delaydistance.html
index 90805b4d1..3fb78331a 100644
--- a/demos/draggable/delaydistance.html
+++ b/demos/draggable/delaydistance.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
+	#draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 5px; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/draggable/snap.html b/demos/draggable/snap.html
index db3f23ca9..711e33620 100644
--- a/demos/draggable/snap.html
+++ b/demos/draggable/snap.html
@@ -8,8 +8,9 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2, #draggable3, #draggable4, #draggable5 { width: 75px; height: 80px; padding: 0.5em; float: left; margin: 5px; }
-	#snaptarget { height: 130px; }
+	#draggable, #draggable2, #draggable3, #draggable4, #draggable5 { width: 100px; height: 80px; padding: 5px; float: left; margin: 5px; font-size: .9em; }
+	.ui-widget-header p, .ui-widget-content p { margin: 0; }
+	#snaptarget { height: 140px; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/draggable/sortable.html b/demos/draggable/sortable.html
index 7bcc6fd95..8768216c1 100644
--- a/demos/draggable/sortable.html
+++ b/demos/draggable/sortable.html
@@ -10,7 +10,7 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
 	.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
-	.demo li { margin: 3px; padding: 2px; width: 150px; }
+	.demo li { margin: 5px; padding: 5px; width: 150px; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
-- 
cgit v1.2.3