Merge pull request #70 from vine77/move-component-before-code

Move rendered component next to its corresponding code snippet

Author: chrislopresto

addon/templates/components/freestyle-usage.hbs

@@ -7,9 +7,6 @@
       </span>
     </div>
   {{/if}}
-  <div class="FreestyleUsage-rendered">
-    {{yield}}
-  </div>
   {{#if hasNotes}}
     <div class="FreestyleUsage-notes">
       <div class="FreestyleUsage-snippet FreestyleUsage-snippet--{{computedTheme}}">
@@ -23,6 +20,9 @@
       </div>
     </div>
   {{/if}}
+  <div class="FreestyleUsage-rendered">
+    {{yield}}
+  </div>
   {{#if hasCode}}
     <div class="FreestyleUsage-usage">
       <div class="FreestyleUsage-snippet FreestyleUsage-snippet--{{computedTheme}}">

app/styles/components/freestyle-palette-item.scss

@@ -1,7 +1,7 @@
 /* BEGIN-FREESTYLE-USAGE fpi:notes
 # Markdown Notes In SCSS!
 
-Hey look... these are `mardown` notes:
+Hey look... these are `markdown` notes:
 
 - coming from scss
 - looking nice