jquery / jquery-ui

@@ -10,7 +10,7 @@

   <link type="text/css" href="../demos.css" rel="stylesheet" />

   <style type="text/css">

   #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }

-  #draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }

+  #draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }

   </style>

   <script type="text/javascript">

   $(function() {

@@ -9,7 +9,7 @@

   <script type="text/javascript" src="../../ui/ui.droppable.js"></script>

   <link type="text/css" href="../demos.css" rel="stylesheet" />

   <style type="text/css">

-  #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }

+  #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }

   #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }

   </style>

   <script type="text/javascript">

@@ -9,7 +9,7 @@

   <script type="text/javascript" src="../../ui/ui.droppable.js"></script>

   <link type="text/css" href="../demos.css" rel="stylesheet" />

   <style type="text/css">

-  #draggable { width: 100px; height: 40px; padding: 0.5em; float: left; margin: 10px; }

+  #draggable { width: 100px; height: 40px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }

   #droppable, #droppable2 { width: 230px; height: 120px; padding: 0.5em; float: left; margin: 10px; }

   #droppable-inner, #droppable2-inner { width: 170px; height: 60px; padding: 0.5em; float: left; margin: 10px; }

   </style>

@@ -9,7 +9,7 @@

   <script type="text/javascript" src="../../ui/ui.droppable.js"></script>

   <link type="text/css" href="../demos.css" rel="stylesheet" />

   <style type="text/css">

-  #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }

+  #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }

   #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }

   </style>

   <script type="text/javascript">

@@ -9,7 +9,7 @@

   <script type="text/javascript" src="../../ui/ui.droppable.js"></script>

   <link type="text/css" href="../demos.css" rel="stylesheet" />

   <style type="text/css">

-  #draggable, #draggable2 { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 10px; }

+  #draggable, #draggable2 { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }

   #droppable, #droppable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 10px; }

   </style>

   <script type="text/javascript">

@@ -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: 90px; font-size: 4em; text-align: center; }

+  #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }

   </style>

   <script type="text/javascript">

   $(function() {

@@ -9,7 +9,7 @@

   <link type="text/css" href="../demos.css" rel="stylesheet" />

   <style type="text/css">

   .column { width: 170px; float: left; padding-bottom: 100px; }

-  .portlet { margin: 0 1em 1em 1em; }

+  .portlet { margin: 0 1em 1em 0; }

   .portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }

   .portlet-header .ui-icon { float: right; }

   .portlet-content { padding: 0.4em; }