Merge pull request #524 from camerondubas/docs/fix-code-styling

Improve styling of code blocks on documentation site

Author: maxfierke

tests/dummy/app/components/code-snippet/template.hbs

@@ -1 +1,5 @@
-<CodeBlock @code={{this.snippet.source}} @language={{this.language}} />
+<CodeBlock
+  @code={{this.snippet.source}}
+  @language={{this.language}}
+  class="code-snippet"
+/>

tests/dummy/app/styles/app.scss

@@ -201,9 +201,15 @@ th, td {
   color: #bbb;
 }
 
+.code-snippet {
+  border: none;
+  margin: 0;
+  padding: 0 .5rem;
+}
+
 .code-template-toggle {
   position: relative;
-  background-color: #f8f8f8;
+  background-color: #f5f2f0;
   pre {
     margin: 0 !important;
   }