Fix top level navlink margin in collapse

Author: Ilya Radchenko

app/styles/_toolbar.scss

@@ -9,6 +9,7 @@
     text-decoration: none;
   }
 
+
   @media (min-width: $screen-md-min) {
     height: $topbar-height;
   }
@@ -27,6 +28,10 @@
       float: none;
     }
 
+    .nav-pills > li + li {
+      margin-left: 0;
+    }
+
     .dropdown-toggle {
       display: block;
       border-radius: 0;

app/templates/components/file-menu.hbs

@@ -2,17 +2,17 @@
   File <b class="caret"></b>
 </a>
 
-<ul class="dropdown dropdown-menu">
+<ul class="dropdown-menu">
   <li>{{#link-to 'gist.new' class="test-new-twiddle" }}New Twiddle{{/link-to}}</li>
   {{#if model}}
     <li role="presentation" class="divider"></li>
-    <li class="dropdown-submenu">
+    <li class="dropdown dropdown-submenu">
       <a tabindex="-1" href="#">Add...</a>
       <ul class="dropdown-menu">
         <li><a {{action 'addFile' ''}}>Other (empty file)</a></li>
-        <li class="dropdown-submenu">
+        <li class="dropdown dropdown-submenu">
           <a {{action 'addComponent'}} class="add-component-link">Component (js and hbs)</a>
-          <ul class="'dropdown dropdown-menu">
+          <ul class="dropdown-menu">
             <li><a {{action 'addFile' 'component-hbs'}}>hbs only</a></li>
             <li><a {{action 'addFile' 'component-js'}}>js only</a></li>
           </ul>