Update markdown/html help panel

admin/static/css/common.styl

@@ -66,6 +66,7 @@ b
 
 small
   font-size: 0.875em
+  line-height: 1em
   color: $lightGrey
 
 span.label
@@ -181,7 +182,7 @@ button,
 ::-webkit-input-placeholder
   color: #e3e3e3
 
-table
+table:not(.plain)
   width: 100%
   font-size: 0.9em
   line-height: 1.3em

admin/static/css/theme.styl

@@ -137,6 +137,7 @@ span.label
   -webkit-overflow-scrolling: touch
   -webkit-user-select: none
   transition(0.3s, all)
+  z-index: 0
 
   .app-logo
     padding: 16px 18px
@@ -318,6 +319,9 @@ span.label
 
           button, .button
             margin: 0 10px 10px 0
+            padding: 10px 25px
+            &:last-of-type
+              margin-right: 0
 
         .delete-button
           display: inline-block
@@ -838,7 +842,7 @@ ul.ui-multi-select
   top: 15%
   right: 20px
   bottom: 20px
-  max-width: 450px
+  max-width: 600px
   padding: 20px
   background: #333
   color: #fff
@@ -866,9 +870,10 @@ ul.ui-multi-select
         padding: 5px 10px
         
       td:first-of-type
-        width: 40%
+        width: 45%
         padding: 5px 10px 5px 0
         font-size: 1.1em
+        line-height: 1.2em
 
       td:nth-child(2)
         width: 5px

admin/templates/help.html

@@ -2,7 +2,7 @@
 <h2>Help</h2>
 
 <h3>Markdown Reference</h3>
-<table>
+<table class="plain">
   <tbody>
     <tr>
       <td>### Heading 3</td>
@@ -25,9 +25,13 @@
       <td><em>italic text</em></td>
     </tr>
     <tr>
-      <td>> Quoted text</td>
+      <td>
+        &gt; Quoted text paragraph<br>
+        &gt;<br>
+        &gt; &lt;small&gt;**Name**, Some Source&lt;/small&gt;
+      </td>
       <td></td>
-      <td><blockquote>Quoted text without quotes</blockquote></td>
+      <td><blockquote>Quoted text paragraph<br><br><small><strong>Name</strong>, Some Source</small></blockquote></td>
     </tr>
     <tr>
       <td>
@@ -64,6 +68,30 @@
       <td></td>
       <td>Link to <a title="Some title">my site</a></td>
     </tr>
+    <tr>
+      <td>
+        <small>Button HTML code with site color:</small><br>
+        &lt;a class="button" href="http://mysite.com"&gt;My Button&lt;/a&gt;
+      </td>
+      <td></td>
+      <td><a class="button" href="javascript:void(0)">My Button</a></td>
+    </tr>
+    <tr>
+      <td>
+        <small>Button with arrow HTML code:</small><br>
+        &lt;a class="button right-arrow" href="http://mysite.com"&gt;My Button &amp; Arrow&lt;/a&gt;
+      </td>
+      <td></td>
+      <td><a class="button right-arrow" href="javascript:void(0)">My Button &amp; Arrow</a></td>
+    </tr>
+    <tr>
+      <td>
+        <small>Plain button HTML code:</small><br>
+        &lt;a class="button plain" href="http://mysite.com"&gt;My Plain Button&lt;/a&gt;
+      </td>
+      <td></td>
+      <td><a class="button plain" href="javascript:void(0)">My Plain Button </a></td>
+    </tr>
     <tr>
       <td><a href="http://daringfireball.net/projects/markdown/dingus" target="_blank">Online reference</a></td>
       <td></td>