Make attachments more obvious

app/assets/stylesheets/sections/notes.scss

@@ -76,10 +76,22 @@ ul.notes {
     p { color: $style_color; }
 
     .avatar {
-      margin-top:3px;
+      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;
+      margin-left: 45px;
       padding-top: 5px;
     }
     .note-header {
@@ -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

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