Slightly beefing up visuals of Sortable-default demo.

ogunden · Feb 25, 2012 · 4c9cb63 · 4c9cb63
1 parent 76efc37
commit 4c9cb63
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/demo.opa b/demo.opa
@@ -8,13 +8,13 @@ module Sortable {
   demo =
     { name: "Sortable"
     , pages:
-        [ {name: "Default", show: default_sortable }
+        [ {name: "Default functionality", show: default_functionality }
         ]
     }
 
-  client function default_sortable() {
+  client function default_functionality() {
     function mk_entry(i) {
-      <li>Item #{i}</>
+      <li><div class="alert alert-info">Item #{i}</></>
     }
     function mk_sortable(_) {
       jQueryUI.Sortable.mk_sortable(#sortable)
@@ -61,7 +61,7 @@ function page() {
 
 Server.start(Server.http,
   [ {resources: @static_resource_directory("resources")}
-  , {register: ["resources/bootstrap.css"]}
+  , {register: ["resources/bootstrap.css", "resources/style.css"]}
   , {title: "JQuery-UI in Opa", ~page}
   ]
 )
diff --git a/resources/style.css b/resources/style.css
@@ -0,0 +1,3 @@
+#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; cursor: pointer }
+#sortable li span { position: absolute; margin-left: -1.3em; }