wrap nav and snippet in a div

Author: miguelcobain

addon/components/docs-demo/template.hbs

@@ -5,28 +5,30 @@
     snippet=(component 'docs-demo/x-snippet' did-init=(action 'registerSnippet') activeSnippet=activeSnippet)
   )}}
 
-  {{#if snippets}}
-    <nav class="docs-demo__snippets-nav docs-py-2 docs-px-4 docs-font-medium docs-bg-grey-lighter docs-tracking-tight">
-      {{#each snippets as |snippet|}}
-        <button {{action 'selectSnippet' snippet}}
-          class='
-            docs-mr-4 docs-text-xs docs-no-underline outline-none
-            hover:docs-text-grey-darkest
-            {{if snippet.isActive 'docs-text-grey-darkest' 'docs-text-grey-dark'}}
-          '
-        >
-          {{snippet.label}}
-        </button>
-      {{/each}}
-    </nav>
-  {{/if}}
-
-  {{#each snippets as |snippet|}}
-    {{#if snippet.isActive}}
-      <div class="docs-demo__snippet-wrapper">
-        {{docs-snippet name=snippet.name unindent=true language=snippet.language}}
-      </div>
+  <div>
+    {{#if snippets}}
+      <nav class="docs-demo__snippets-nav docs-py-2 docs-px-4 docs-font-medium docs-bg-grey-lighter docs-tracking-tight">
+        {{#each snippets as |snippet|}}
+          <button {{action 'selectSnippet' snippet}}
+            class='
+              docs-mr-4 docs-text-xs docs-no-underline outline-none
+              hover:docs-text-grey-darkest
+              {{if snippet.isActive 'docs-text-grey-darkest' 'docs-text-grey-dark'}}
+            '
+          >
+            {{snippet.label}}
+          </button>
+        {{/each}}
+      </nav>
     {{/if}}
-  {{/each}}
+
+    {{#each snippets as |snippet|}}
+      {{#if snippet.isActive}}
+        <div class="docs-demo__snippet-wrapper">
+          {{docs-snippet name=snippet.name unindent=true language=snippet.language}}
+        </div>
+      {{/if}}
+    {{/each}}
+  </div>
 
 </div>