fixed mis-aligned icon

hide success message when staging files
improve action button hover

app/assets/javascripts/ide/components/commit_sidebar/list.vue

@@ -74,6 +74,8 @@ export default {
   >
     <header
       class="multi-file-commit-panel-header"
+      @mouseenter="setShowActionButton(true)"
+      @mouseleave="setShowActionButton(false)"
     >
       <div
         class="multi-file-commit-panel-header-title"
@@ -86,14 +88,12 @@ export default {
         {{ titleText }}
         <span
           v-show="!showActionButton"
-          @mouseenter="setShowActionButton(true)"
           class="ide-commit-file-count"
         >
           {{ fileList.length }}
         </span>
         <button
           v-show="showActionButton"
-          @mouseleave="setShowActionButton(false)"
           type="button"
           class="btn btn-blank btn-link ide-staged-action-btn"
           @click="actionBtnClicked"

app/assets/javascripts/ide/stores/actions.js

@@ -123,6 +123,8 @@ export const scrollToTab = () => {
 };
 
 export const stageAllChanges = ({ state, commit }) => {
+  commit(types.SET_LAST_COMMIT_MSG, '');
+
   state.changedFiles.forEach(file => commit(types.STAGE_CHANGE, file.path));
 };
 

app/assets/javascripts/ide/stores/actions/file.js

@@ -184,6 +184,7 @@ export const stageChange = ({ commit, state }, path) => {
   const stagedFile = state.stagedFiles.find(f => f.path === path);
 
   commit(types.STAGE_CHANGE, path);
+  commit(types.SET_LAST_COMMIT_MSG, '');
 
   if (stagedFile) {
     eventHub.$emit(`editor.update.model.new.content.staged-${stagedFile.key}`, stagedFile.content);

app/assets/stylesheets/pages/repo.scss

@@ -189,7 +189,7 @@
     display: block;
     position: relative;
     top: 1px;
-    right: 3px;
+    right: -2px;
   }
 
   &:not([disabled]):hover {