demos: some sizing issues with selectable and sortable demos

Author: rdworth

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: 20px; font-weight: bold; }
+	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
 	</style>
 	<script type="text/javascript">
 	$(function() {

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: 20px; font-weight: bold; }
+	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
 	</style>
 	<script type="text/javascript">
 	$(function() {

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: 20px; }
+	#sortable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
 	</style>
 	<script type="text/javascript">
 	$(function() {

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: 20px; }
+	#sortable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
 	</style>
 	<script type="text/javascript">
 	$(function() {