Tightened up formatting for sortable entries that contain HTML lists.

vasl_templates/webapp/static/css/main.css

@@ -2,6 +2,8 @@
 html { height: 100% ; }
 body { height: 100% ; overflow: hidden ; }
 
+ul, ol { margin: 0.5em 0 0 1.25em ; br}
+
 /* -------------------------------------------------------------------- */
 
 #menu { position: absolute ; top: 15px ; right: 15px ; z-index: 1 ; }
@@ -112,7 +114,5 @@ button.edit-template img { height: 18px ; vertical-align: middle ; margin-right:
 .ui-dialog.select-vo button { margin: 0 0 0 5px ; padding: 0.1em 0.2em ; }
 
 .growl-title { display: none ; }
-.growl ul { margin-left: 1em ; }
 .growl .pre { font-family: monospace ; }
 .growl div.pre { margin: 0 0 1em 1em ; font-size: 80% ; }
-.growl .pre ul { margin-left: 0 ; }

vasl_templates/webapp/static/css/sortable.css

@@ -8,6 +8,8 @@ img.sortable-add { vertical-align: middle ; height: 15px ; margin-right: 0.25em
 .sortable li:hover { cursor: pointer ; }
 .sortable li.ui-sortable-helper { opacity: 0.8 ; }
 
+.sortable ul ul li { margin-top: -0.75em ; }
+.sortable ul ol li { margin-top: -0.75em ; }
 .sortable li img.snippet { height: 1.25em ; margin: -2px -2px ; padding-left: 1em ; float: right ; }
 
 .sortable-hint { width: 100% ; height: calc(100% - 1.5em) ; color: #666 ; }

vasl_templates/webapp/static/sortable.js

@@ -176,7 +176,7 @@ $.fn.sortable2 = function( action, args )
 
     function adjust_entry_heights( $sortable2 ) {
         // adjust the max height of each item based on how many items there are
-        var $entries = $sortable2.find( "li" ) ;
+        var $entries = $sortable2.children( "li" ) ;
         if ( $entries.length === 0 )
             return ;
         var available_height = $sortable2.parent().height() ;