diff --git a/experiments/outline-editor/editor.css b/experiments/outline-editor/editor.css
index 6992acf..e2980c0 100755
--- a/experiments/outline-editor/editor.css
+++ b/experiments/outline-editor/editor.css
@@ -444,6 +444,16 @@ editor .outline .block:focus {
 }
 
 
+/*------------------------------------------------------ hr block ---*/
+
+.editor .outline .list>.children>.block.hr>.view:before {
+	content: "";
+}
+.editor .outline .numbered-list>.children>.block.hr>.view:before {
+	content: "";
+}
+
+
 /*--------------------------------------------------------- Notes ---*/
 
 .editor .outline .NOTE {
diff --git a/experiments/outline-editor/editor.js b/experiments/outline-editor/editor.js
index f9167b6..d5c3c5b 100755
--- a/experiments/outline-editor/editor.js
+++ b/experiments/outline-editor/editor.js
@@ -184,7 +184,8 @@ var blocks = {
 			.replace(/^\s*(?<!\\)((\/\/|;)\s+.*)$/m, this.style(editor, elem, 'comment'))
 			.replace(/^\s*(?<!\\)NOTE:?\s*(.*)$/m, this.style(editor, elem, 'NOTE'))
 			.replace(/^\s*(?<!\\)XXX\s+(.*)$/m, this.style(editor, elem, 'XXX'))
-			.replace(/^(.*)\s*(?<!\\)XXX$/m, this.style(editor, elem, 'XXX')) } ,
+			.replace(/^(.*)\s*(?<!\\)XXX$/m, this.style(editor, elem, 'XXX'))
+			.replace(/^\s*---\s*$/m, this.style(editor, elem, 'hr', '<hr>')) } ,
 }
 
 
diff --git a/experiments/outline-editor/index.html b/experiments/outline-editor/index.html
index 0845bdd..0b01fc3 100755
--- a/experiments/outline-editor/index.html
+++ b/experiments/outline-editor/index.html
@@ -48,9 +48,14 @@ var setup = function(){
   - 
 - ## Bugs:
   focused:: true
+  - BUG: adding a new node after a last node on a level adds it to wrong level
+    - demo:
+      - a
+      - add node after this
   - BUG: mobile browsers behave quite chaotically ignoring parts of the styling...
   -
 - ## ToDo:
+  - make `---` block not show list bullets...
   - copy/paste nodes/trees
   - FEATURE: read-only mode
   - auto-shift done blocks to the end of siblings... (option?)