demos: some sizing issues with selectable and sortable demos

diff --git a/demos/selectable/default.html b/demos/selectable/default.html
index 0f8901357ddaa85955d927862b9f76801b521e86..6c050935b4abd0b8c645aefe275f84b8e94c22c0 100644 (file)
--- a/demos/selectable/default.html
+++ b/demos/selectable/default.html
@@ -13,7 +13,7 @@
        #selectable .ui-selecting { background: #FECA40; }
        #selectable .ui-selected { background: #F39814; color: white; }
        #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
-       #selectable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 1.4em; font-weight: bold; }
+       #selectable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 20px; font-weight: bold; }
        </style>
        <script type="text/javascript">
        $(function() {

diff --git a/demos/selectable/floating.html b/demos/selectable/floating.html
index a946cd9678a52ca31716e84cf9eba5321ba4b51e..8f41e7efc09e7fff8a5dab6616c89f495f7f0e1c 100644 (file)
--- a/demos/selectable/floating.html
+++ b/demos/selectable/floating.html
@@ -13,7 +13,7 @@
        #selectable .ui-selecting { background: #FECA40; }
        #selectable .ui-selected { background: #F39814; color: white; }
        #selectable { list-style-type: none; margin: 0; padding: 0; }
-       #selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 100px; font-size: 4em; text-align: center; }
+       #selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }
        </style>
        <script type="text/javascript">
        $(function() {

diff --git a/demos/selectable/serializing.html b/demos/selectable/serializing.html
index 2985fdfdfb3195d2c867a19a7e059521c2773202..7bd822db91200b5290ecb04260ab1c04f1d68ec3 100644 (file)
--- a/demos/selectable/serializing.html
+++ b/demos/selectable/serializing.html
@@ -13,7 +13,7 @@
        #selectable .ui-selecting { background: #FECA40; }
        #selectable .ui-selected { background: #F39814; color: white; }
        #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
-       #selectable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 1.4em; font-weight: bold; }
+       #selectable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 20px; font-weight: bold; }
        </style>
        <script type="text/javascript">
        $(function() {

diff --git a/demos/sortable/default.html b/demos/sortable/default.html
index cc00ce233ecbd6cc1211c47c1cdcd0f249c39168..1826a01f9c76a2d90b7d20a3e5a1820758f716de 100644 (file)
--- a/demos/sortable/default.html
+++ b/demos/sortable/default.html
@@ -9,7 +9,7 @@
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
        #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
-       #sortable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 1.4em; }
+       #sortable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 20px; }
        </style>
        <script type="text/javascript">
        $(function() {
@@ -28,7 +28,6 @@
        <li class="ui-state-default">Item 5</li>
        <li class="ui-state-default">Item 6</li>
        <li class="ui-state-default">Item 7</li>
-       <li class="ui-state-default">Item 8</li>
 </ul>
 
 </div><!-- End demo -->

diff --git a/demos/sortable/floating.html b/demos/sortable/floating.html
index 47e472fd2a68b9bea80641ef1f1616f3e3eb6303..c03bd1262d73f5a845632d90059ed516f9fcaef7 100644 (file)
--- a/demos/sortable/floating.html
+++ b/demos/sortable/floating.html
@@ -9,7 +9,7 @@
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
        #sortable { list-style-type: none; margin: 0; padding: 0; }
-       #sortable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 100px; font-size: 4em; text-align: center; }
+       #sortable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
        </style>
        <script type="text/javascript">
        $(function() {

diff --git a/demos/sortable/placeholder.html b/demos/sortable/placeholder.html
index be21ca4196faa0035415dd2638319d1cf2b75686..9227566cb620973c6c577a8a53f798bea8f6a2af 100644 (file)
--- a/demos/sortable/placeholder.html
+++ b/demos/sortable/placeholder.html
@@ -9,7 +9,7 @@
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
        #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
-       #sortable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 1.4em; }
+       #sortable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 20px; }
        </style>
        <script type="text/javascript">
        $(function() {
@@ -30,7 +30,6 @@
        <li class="ui-state-default">Item 5</li>
        <li class="ui-state-default">Item 6</li>
        <li class="ui-state-default">Item 7</li>
-       <li class="ui-state-default">Item 8</li>
 </ul>
 
 </div><!-- End demo -->