diff --git a/static/css/index.css b/static/css/index.css
index 243ba15..c4e4dce 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -372,14 +372,11 @@ header [class*=" icon-"] {
   position: absolute;
   top: 39px;
   right: 0;
+  line-height: 30px;
   background-color: #eee;
 }
 .ui-command-popup li {
   float: none;
-  line-height: 30px;
-}
-.ui-command-popup li a {
-  padding: 0 10px;
 }
 .ui-project-tree a,
 .ui-command li a,
diff --git a/static/js/components/app-main/app-main.html b/static/js/components/app-main/app-main.html
index b317c09..5d46eb6 100644
--- a/static/js/components/app-main/app-main.html
+++ b/static/js/components/app-main/app-main.html
@@ -18,8 +18,8 @@
           </a>
         </li>
         <li v-if="moreCommand.length" class="ui-command-more">
-          <a href="javascript:;">更多&nbsp;<i class="icon-expand"></i></a>
-          <ul class="ui-command-popup fn-hide">
+          <a href="javascript:;" @click="commandToggle">更多&nbsp;<i class="icon-expand"></i></a>
+          <ul v-show="showMoreCommand" class="ui-command-popup">
             <li v-for="moreCmd in moreCommand">
               <a href="javascript:;">
                 <i class="icon-play"></i>
diff --git a/static/js/components/app-main/index.js b/static/js/components/app-main/index.js
index a0cf517..ae9b413 100644
--- a/static/js/components/app-main/index.js
+++ b/static/js/components/app-main/index.js
@@ -30,7 +30,8 @@ module.exports = Vue.component('app-main', {
   },
   data: function (){
     return {
-      showSetting: false
+      showSetting: false,
+      showMoreCommand: false
     };
   },
   computed: {
@@ -58,6 +59,9 @@ module.exports = Vue.component('app-main', {
     setting: function (){
       this.showSetting = true;
     },
+    commandToggle: function (){
+      this.showMoreCommand = !this.showMoreCommand;
+    },
     remove: function (){
       this.projects.splice(this.activeIndex, 1);
       this.activeIndex = 0;