Make attachments more obvious

app/assets/stylesheets/sections/notes.scss

@@ -78,6 +78,18 @@ ul.notes {
     .avatar {
       margin-top: 3px;
     }
+    .attachment {
+      font-size: 16px;
+      margin-top: -20px;
+
+      .icon-attachment {
+        @extend .icon-paper-clip;
+        font-size: 24px;
+        position: relative;
+        text-align: right;
+        top: 6px;
+      }
+    }
     .note-body {
       margin-left: 45px;
       padding-top: 5px;
@@ -187,7 +199,7 @@ p.notify_controls span{
 // TODO: end cleaup
 
 /**
- * add line note button on the side of diffs
+ * line note button on the side of diffs
  */
 .diff_file tr.line_holder {
   .add-diff-note {

app/views/notes/_note.html.haml

@@ -28,7 +28,8 @@
     = preserve do
       = markdown(note.note)
   - if note.attachment.url
-      .right
+    .attachment.right
-        %div.file
+      = link_to note.attachment.url, target: "_blank" do
-          = link_to note.attachment_identifier, note.attachment.url, target: "_blank"
+        %i.icon-attachment
+        = note.attachment_identifier
   .clear