Initial CSS change to move buttons to correct position.

app/assets/stylesheets/pages/note_form.scss

@@ -150,9 +150,17 @@
 }
 .comment-toolbar {
-  padding-top: $gl-padding-top;
+  padding-top: 11px;
   color: $note-toolbar-color;
   border-top: 1px solid $border-color;
+  
+  .toolbar-button {
+    float: right;
+  }
+
+  .toolbar-text {
+    float: right;
+  }
 }
 .toolbar-button {

app/views/projects/notes/_hints.html.haml

 .comment-toolbar.clearfix
+  %button.toolbar-button.markdown-selector{ type: 'button', tabindex: '-1' }
+    = icon('file-image-o', class: 'toolbar-button-icon')
+    Attach a file
   .toolbar-text
     Styling with
     = link_to 'Markdown', help_page_path('markdown', 'markdown'), target: '_blank', tabindex: -1
     is supported
-  %button.toolbar-button.markdown-selector{ type: 'button', tabindex: '-1' }
-    = icon('file-image-o', class: 'toolbar-button-icon')
-    Attach a file