diff --git a/index.html b/index.html
index 5107096..01cf94b 100644
--- a/index.html
+++ b/index.html
@@ -9,14 +9,24 @@
   </head>
   <body id="app" class="fn-clear">
     <header class="fn-clear">
-      <app-configure :configure.sync="configure" :unique-projects.sync="uniqueProjects"></app-configure>
+      <app-configure
+        :configure.sync="configure"
+        :unique-projects.sync="uniqueProjects">
+      </app-configure>
       <window-control></window-control>
     </header>
     <nav class="ui-project-tree fn-left">
-      <app-nav :configure.sync="configure" :active-index.sync="activeIndex"></app-nav>
+      <app-nav
+        :configure.sync="configure"
+        :active-index.sync="activeIndex">
+      </app-nav>
     </nav>
     <main class="ui-project-main fn-right">
-      <app-main :active-index="activeIndex" :projects.sync="configure.projects" :unique-projects.sync="uniqueProjects"></app-main>
+      <app-main
+        :active-index.sync="activeIndex"
+        :projects.sync="configure.projects"
+        :unique-projects.sync="uniqueProjects">
+      </app-main>
     </main>
   </body>
 </html>
diff --git a/static/css/index.css b/static/css/index.css
index 9a21bf1..18eb3ff 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -357,7 +357,11 @@ header [class*=" icon-"] {
   color: #333;
 }
 .ui-command a {
-  padding: 0 6px;
+  padding: 0 10px;
+  max-width: 130px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .ui-command-more .icon-expand {
   font-size: 24px;
diff --git a/static/js/components/app-main/app-main.html b/static/js/components/app-main/app-main.html
index 03f3722..b317c09 100644
--- a/static/js/components/app-main/app-main.html
+++ b/static/js/components/app-main/app-main.html
@@ -1,4 +1,7 @@
-<project-configure :show.sync="showSetting" :project="project" :unique-projects.sync="uniqueProjects">
+<project-configure
+  :show.sync="showSetting"
+  :project="project"
+  :unique-projects.sync="uniqueProjects">
 </project-configure>
 <div class="ui-project-stage">
   <div class="ui-control-bar fn-clear">
@@ -8,7 +11,7 @@
     </div>
     <div class="fn-right">
       <ul class="ui-command fn-clear">
-        <li v-for="cmd in comand">
+        <li v-for="cmd in command">
           <a href="javascript:;">
             <i class="icon-play"></i>
             {{ cmd.name }}
diff --git a/static/js/components/app-main/index.js b/static/js/components/app-main/index.js
index 37a7bef..5dba0cf 100644
--- a/static/js/components/app-main/index.js
+++ b/static/js/components/app-main/index.js
@@ -14,6 +14,7 @@ module.exports = Vue.component('app-main', {
   props: {
     activeIndex: {
       type: Number,
+      twoWay: true,
       required: true
     },
     projects: {
@@ -52,7 +53,6 @@ module.exports = Vue.component('app-main', {
       return JSON.parse(JSON.stringify(project));
     },
     command: function (){
-      console.log(this.project.command.slice(0, 3));
       return this.project.command.slice(0, 3);
     },
     moreCommand: function (){
diff --git a/static/js/components/project-configure/index.js b/static/js/components/project-configure/index.js
index 5963f7d..119e580 100644
--- a/static/js/components/project-configure/index.js
+++ b/static/js/components/project-configure/index.js
@@ -58,6 +58,7 @@ module.exports = Vue.component('project-configure', {
           // clean error
           this.submitError = '';
 
+          this.show = false;
           // send message
           this.$dispatch('edit', this.projectClone);
         }
