Problem: some standard copy paste formats do not work

Solution: add solution for copying text from Roam. This formats looks
like:
    - parent
        - child 1
        - child 2

The first line starts with a dash and space. The other lines also start
with spaces (multiple of 4 or 0), dash, space. Every 4 spaces is 1
indent in our format.

editor/src/styles.scss

@@ -79,10 +79,6 @@ body {
   display: none;
 }
 
-.list-item .fold {
-  visibility: hidden;
-}
-
 .list-item:hover .fold {
   visibility: visible;
 }
@@ -96,11 +92,17 @@ body {
 }
 
 .list-item .fold {
+  height: 24px;
+  width: 24px;
+  text-align: center;
   align-self: flex-start;
+  flex-shrink: 0;
   font-size: 10px;
-  margin-top: 4px;
   margin-right: 3px;
   cursor: pointer;
+  visibility: hidden;
+  display: inline-block;
+  padding-top: 4px;
 }
 
 // enable to close multi line content
@@ -338,6 +340,7 @@ mark {
 
 .footer {
   padding: 0 12px;
+  margin-top: 300px;
 }
 
 .wiki-list-editor {

list-editor/index.js

@@ -523,22 +523,42 @@ function editor(root, inputData, options) {
             trigger('change')
             return false
         } catch (e) {
-            let items = pastedData.toString().split(/\n+/);
-            let item = $(this).parents('.list-item')
-            let id = item.attr('data-id')
-            if (items.length === 1) {
-                return true
-            } else {
+            let inputString = pastedData.toString()
+            if (inputString.match(/^- /)) {
+                let item = $(this).parents('.list-item')
+                let id = item.attr('data-id')
+                let lines = inputString.split(/( *)- /)
+                lines.shift()
                 const firstItem = store.value(id)
-                items = _.map(items, text => {
-                    const item = newListItem(firstItem.indented)
-                    item.text = text
+                const firstIndent = firstItem.indented
+
+                let items = _.map(_.chunk(lines, 2), line => {
+                    const indent = Math.trunc(line[0].length / 4);
+                    const item = newListItem(firstItem.indented+indent)
+                    item.text = _.trimEnd(line[1]).replace(/\n/g, "  \n")
                     return item
                 })
                 store.insertAfter(id, ...items)
                 trigger('change')
+                return false
+            } else {
+                let items = inputString.split(/\n+/);
+                let item = $(this).parents('.list-item')
+                let id = item.attr('data-id')
+                if (items.length === 1) {
+                    return true
+                } else {
+                    const firstItem = store.value(id)
+                    items = _.map(items, text => {
+                        const item = newListItem(firstItem.indented)
+                        item.text = text
+                        return item
+                    })
+                    store.insertAfter(id, ...items)
+                    trigger('change')
+                }
+                return false
             }
-            return false
         }
     });