updates to sizes & spacing

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

@@ -81,7 +81,7 @@
     >
       <input
         type="text"
-        class="form-control input-sm"
+        class="form-control"
         :placeholder="newBranchName"
         @input="updateBranchName($event.target.value)"
       />

app/assets/javascripts/ide/components/ide_context_bar.vue

@@ -22,7 +22,7 @@
     },
     data() {
       return {
-        width: 290,
+        width: 340,
       };
     },
     computed: {
@@ -120,7 +120,7 @@
     <panel-resizer
       :size.sync="width"
       :enabled="!rightPanelCollapsed"
-      :start-size="290"
+      :start-size="340"
       :min-size="200"
       :max-size="maxSize"
       @resize-start="resizingStarted"

app/assets/javascripts/ide/components/repo_commit_section.vue

@@ -110,7 +110,7 @@ export default {
       >
         <div class="multi-file-commit-fieldset">
           <textarea
-            class="form-control input-sm multi-file-commit-message"
+            class="form-control multi-file-commit-message"
             name="commit-message"
             :value="commitMessage"
             :placeholder="__('Write a commit message...')"
@@ -128,9 +128,9 @@ export default {
             @click="commitChanges"
           />
           <button
+            v-if="!discardDraftButtonDisabled"
             type="button"
             class="btn btn-default btn-sm pull-right"
-            :disabled="discardDraftButtonDisabled"
             @click="discardDraft"
           >
             {{ __('Discard draft') }}

app/assets/stylesheets/pages/repo.scss

@@ -266,7 +266,7 @@ table.table tr td.multi-file-table-name {
   display: flex;
   position: relative;
   flex-direction: column;
-  width: 290px;
+  width: 340px;
   padding: 0;
   background-color: $gray-light;
   padding-right: 3px;
@@ -469,7 +469,7 @@ table.table tr td.multi-file-table-name {
 }
 
 .multi-file-commit-message.form-control {
-  height: 80px;
+  height: 160px;
   resize: none;
 }
 

spec/javascripts/repo/components/repo_commit_section_spec.js

@@ -111,8 +111,8 @@ describe('RepoCommitSection', () => {
   });
 
   describe('discard draft button', () => {
-    it('disabled when commitMessage is empty', () => {
-      expect(vm.$el.querySelector('.multi-file-commit-form .btn-default').getAttribute('disabled')).not.toBeNull();
+    it('hidden when commitMessage is empty', () => {
+      expect(vm.$el.querySelector('.multi-file-commit-form .btn-default')).toBeNull();
     });
 
     it('resets commitMessage when clicking discard button', (done) => {