slim comment form

app/assets/stylesheets/sections/notes.scss

@@ -169,30 +169,38 @@ td .line_note_link {
     margin: 0;
   }
 
+  .note_advanced_opts { 
+    h6 { 
+      line-height: 32px;
+      padding-right: 15px;
+    }
+  }
+
+  .attachments {
+    position:relative;
+    width: 350px;
+    height: 50px;
+    overflow:hidden;
+    margin:0 0 5px !important;
+
+    .input_file { 
       .file_upload {
         position: absolute;
         right:14px;
         top:7px;
       }
 
-  .note_advanced_opts { 
-    h6 { 
-      line-height: 32px;
-      margin-right: 12px;
-    }
-  }
-
-  div.attachments {
-    position:relative;
-    width: 350px;
-    height: 50px;
-    overflow:hidden;
-    margin:0 0 5px !important;
-  }
       .file_name {
         line-height:30px;
         width:240px;
         height:28px;
         overflow:hidden;
       }
+      .input-file { 
+        width: 260px;
+        height: 41px;
+        float: right;
+      }
+    }
+  }
 }

app/views/notes/_form.html.haml

@@ -13,6 +13,8 @@
     is enabled.
 
   .row.note_advanced_opts.hide
+    .span2
+      = f.submit 'Add Comment', :class => "btn primary submit_note", :id => "submit_note"
     .span4.notify_opts
       %h6.left Notify via email:
       = label_tag :notify do
@@ -23,11 +25,12 @@
         = label_tag :notify_author do
           = check_box_tag :notify_author, 1 , @note.noteable_type == "Commit"
           %span Commit author
-    .span8.attachments
+    .span6.attachments
       %h6.left Attachment:
       %span.file_name File name...
-      %button.file_upload.btn.small Upload File
-      .input= f.file_field :attachment, :class => "input-file"
+      
+      .input.input_file
+        %a.file_upload.btn.small Upload File
+        = f.file_field :attachment, :class => "input-file"
       %span.hint Any file less than 10 MB
 
-  = f.submit 'Add Comment', :class => "btn primary submit_note", :id => "submit_note"