Issue #572 - Remove Attachment text, attachment box takes full width +

+ Attachment size color in lighter gray
+ Add space between each attachment

3 files changed, 24 insertions, 1 deletions

diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss
index 33b4f4e8..f4b7f21d 100644
--- a/web-ui/app/scss/_colors.scss
+++ b/web-ui/app/scss/_colors.scss
@@ -43,5 +43,6 @@ $wont_be_encrypted: $attention;
 $recipients_font_color: #AAA;
 
 /* Attachments */
-$attachment_text: #333;
+$attachment_text: #555;
 $attachment_icon: lighten($attachment_text, 30);
+$attachment_size: lighten($attachment_text, 30);
diff --git a/web-ui/app/scss/_compose.scss b/web-ui/app/scss/_compose.scss
index bd064015..3e81a06b 100644
--- a/web-ui/app/scss/_compose.scss
+++ b/web-ui/app/scss/_compose.scss
@@ -45,7 +45,13 @@
 
   span {
     padding: 3px;  
+
+    &.attachment-size {
+        color: $attachment_size;
+        cursor: pointer;
+    }
   }
+
   label.floatlabel {
     padding: 0.4rem !important;
     position: absolute;
@@ -117,6 +123,16 @@
     margin: 1px;
   }
 
+
+  .attachmentsAreaWrap {
+      padding: 0;
+
+      .attachmentsArea {
+          padding: 0;
+          border-top: 0;
+      }
+  }
+
   @include recipients;
 }
 
diff --git a/web-ui/app/scss/_read.scss b/web-ui/app/scss/_read.scss
index 3d657ec7..ed462d38 100644
--- a/web-ui/app/scss/_read.scss
+++ b/web-ui/app/scss/_read.scss
@@ -68,6 +68,10 @@
   padding: 15px 30px 0 30px;
 }
 
+#attachment-list {
+  margin-top: 6px;
+}
+
 .attachmentsAreaWrap {
   padding: 0 30px;
 
@@ -80,6 +84,7 @@
         border: 1px solid #D9D9D9;
         border-radius: 2px;
         background-color: #F5F5F5;
+        margin-bottom: 7px;
     
       a {
         color: $attachment_text;
@@ -92,6 +97,7 @@
           i.download-icon {
             color: lighten($attachment_icon, 15);
           }
+
           color: $attachment_icon;
           outline: none;
         }