Sortable demo: Allow dropping to empty list and improve general styling

Author: jzaefferer

demos/sortable/connect-lists.html

@@ -11,8 +11,22 @@
 	<script src="../../ui/sortable.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; }
-	#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
+	#sortable1, #sortable2 {
+		border: 1px solid #eee;
+		width: 142px;
+		min-height: 20px;
+		list-style-type: none;
+		margin: 0;
+		padding: 5px 0 0 0;
+		float: left;
+		margin-right: 10px;
+	}
+	#sortable1 li, #sortable2 li {
+		margin: 0 5px 5px 5px;
+		padding: 5px;
+		font-size: 1.2em;
+		width: 120px;
+	}
 	</style>
 	<script>
 	$(function() {