ecosystem dropdown tweaks

yyx990803 · yyx990803 · commit c1d35d3375be · 2016-11-17T17:00:57.000-05:00
diff --git a/themes/vue/layout/partials/ecosystem_dropdown.ejs b/themes/vue/layout/partials/ecosystem_dropdown.ejs
@@ -1,7 +1,9 @@
-<li class="nav-dropdown-container">
+<li class="nav-dropdown-container ecosystem">
   <a class="nav-link">Ecosystem</a><span class="arrow"></span>
   <ul class="nav-dropdown">
-    <li><a href="https://vuex.vuejs.org/en/" class="nav-link" target="_blank">Vuex</a></li>
-    <li><a href="https://router.vuejs.org/en/" class="nav-link" target="_blank">Vue Router</a></li>
+    <li><a href="https://router.vuejs.org/" class="nav-link" target="_blank">vue-router</a></li>
+    <li><a href="https://vuex.vuejs.org/" class="nav-link" target="_blank">vuex</a></li>
+    <li><a href="https://github.com/vuejs/vue-cli" class="nav-link" target="_blank">vue-cli</a></li>
+    <li><a href="https://github.com/vuejs/awesome-vue" class="nav-link" target="_blank">awesome-vue</a></li>
   </ul>
 </li>
diff --git a/themes/vue/source/css/_common.styl b/themes/vue/source/css/_common.styl
@@ -150,6 +150,8 @@ a.button
         &:hover
             .nav-dropdown
                 display block
+        &.ecosystem
+            margin-left 20px
     .nav-dropdown
         display none
         position absolute
@@ -161,6 +163,7 @@ a.button
         border-bottom-color #ccc
         text-align left
         border-radius 4px
+        white-space nowrap
         li
             line-height 1.8em
             margin 0
@@ -169,7 +172,7 @@ a.button
             color $light
             font-size .9em
             display block
-            padding 0 30px 0 20px
+            padding 0 24px 0 20px
             &:hover
                 color $green
     .arrow
