Merge branch 'prakhar/purr-data-rearrange_patch' into emscripten

emscripten/project/purr-data/css/webapp/webapp.css

@@ -310,8 +310,10 @@ li .hr{
 }
 
 .patch-filename{
-    margin-top: 10px;
-    margin-bottom: 5px;
+    margin: 0;
+    padding-top: 10px;
+    padding-bottom: 5px;
+    cursor: move;
 }
 
 #div-svg-p{	

emscripten/project/purr-data/index.html

@@ -589,5 +589,18 @@
       });
     </script>
 
+<script>
+  $(document).ready(function(){
+    // Rearrangable patches
+    $("#canvas-container").sortable({
+      axis: "x",
+      cursor: "move",
+      handle: ".patch-filename",
+      scroll: false,
+      revert: true,
+    });
+  });
+</script>
+
   </body>
 </html>