Add instructions to markdown editor

src/jade/templates/markdown_section.jade

@@ -11,6 +11,10 @@
         .waiting.hideable: img(src='/images/wait.gif')
         .markdown.hideable.hidden
         .editor.hideable.hidden
+            .instructions
+                p.
+                    Edit using <a href="https://help.github.com/articles/github-flavored-markdown/" target="new">GitHub
+                    Flavored Markdown</a>. Use <tt>[[Item Name]]</tt> to link to another item.
             textarea
             .sizer
         .creating.hideable.hidden

src/scss/main.scss

@@ -40,7 +40,7 @@ $font-family-input:  monospace;
 
 // Font Sizes //////////////////////////////////////////////////////////////////////////////////////
 
-$font-size-small:    1.0em;
+$font-size-small:    1.25em;
 $font-size-normal:   1.5em;
 $font-size-large:    2.0em;
 $font-size-x-large:  3.0em;

src/scss/templates/markdown_section.scss

@@ -67,7 +67,7 @@ All rights reserved.
         width: 100%;
 
         position: relative;
-        min-height: 10em;
+        min-height: 11.5em;
 
         textarea, .sizer {
             width: 100%;
@@ -77,7 +77,7 @@ All rights reserved.
         }
 
         textarea {
-            position: absolute; height: 100%; width: 100%;
+            position: absolute; height: calc(100% - 1.5em); width: 100%;
 
             background: $color-gray-faint;
             resize: none;
@@ -89,6 +89,15 @@ All rights reserved.
             }
         }
 
+        .instructions {
+            margin-bottom: 0.75em;
+
+            p {
+                color: $color-gray-medium;
+                font-size: $font-size-small;
+            }
+        }
+
         .sizer {
             padding-bottom: 1.5em;
             visibility: hidden;