aboutsummaryrefslogtreecommitdiffstats
path: root/demos/draggable
diff options
context:
space:
mode:
Diffstat (limited to 'demos/draggable')
-rw-r--r--demos/draggable/delaydistance.html2
-rw-r--r--demos/draggable/snap.html5
-rw-r--r--demos/draggable/sortable.html2
3 files changed, 5 insertions, 4 deletions
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() {