Updated package version (0.0.6)

css/demo.css

@@ -23,6 +23,10 @@ form legend {
 }
 
 form legend button {
+  background-color: transparent;
+  border: none;
+  color: #0000ff;
+  cursor: pointer;
   margin: 0 2px;
 }
 
@@ -58,12 +62,24 @@ form .textmarked {
   padding: 0;
 }
 
+#output blockquote,
+#output h1,
+#output h2,
+#output h3,
+#output h4,
+#output h5,
+#output ol,
+#output ul {
+  margin-bottom: 20px;
+  margin-top: 10px;
+}
+
 #output blockquote {
   background-color: #eee;
   color: #555;
   border-left: 2px solid #999;
   font-style: italic;
-  margin: 10px 5px;
+  margin-left: 5px;
   padding: 10px;
 }
 
@@ -75,3 +91,7 @@ form .textmarked {
 #output img {
   width: 100%;
 }
+
+#output li {
+  margin-left: 30px;
+}

index.html

@@ -55,10 +55,15 @@
             field1.style.visibility = 'visible';
             field1.style.position = 'relative';
             field2.style.display = 'none';
+
+            toggleButton.textContent = 'Show TextMarked';
+
           } else {
             field1.style.visibility = 'hidden';
             field1.style.position = 'absolute';
             field2.style.display = 'block';
+
+            toggleButton.textContent = 'Show default';
           }
         });
       };
@@ -70,8 +75,9 @@
     <form>
       <fieldset>
         <legend>
-          <button id="preview-button">Preview</button>
-          <button id="toggle-button">Toggle</button>
+          <button id="toggle-button">Show default</button>
+            &middot;
+          <button id="preview-button">Preview changes</button>
         </legend>
 
         <div>