From 1c8cf824be0a0431c23cafaa681688e7eab91c95 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Mon, 29 Jan 2018 12:13:51 +0100
Subject: [PATCH] Small improvements

---
 skins/elastic/styles/colors.less           | 2 +-
 skins/elastic/styles/widgets/common.less   | 2 +-
 skins/elastic/styles/widgets/lists.less    | 1 +
 skins/elastic/styles/widgets/mail.less     | 7 ++++++-
 skins/elastic/styles/widgets/messages.less | 7 +++----
 5 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/skins/elastic/styles/colors.less b/skins/elastic/styles/colors.less
index 933eda632..efaee41b2 100644
--- a/skins/elastic/styles/colors.less
+++ b/skins/elastic/styles/colors.less
@@ -97,7 +97,7 @@
 // Messages
 @color-message:                     @color-font;
 @color-message-border:              rgba(0, 0, 0, 0.15);
-@color-message-background:          #f8fafb;
+@color-message-background:          fadeout(@color-main, 95%);
 @color-message-link:                @color-main;
 @color-message-information:         @color-main;
 @color-message-success:             @color-success;
diff --git a/skins/elastic/styles/widgets/common.less b/skins/elastic/styles/widgets/common.less
index be18c616f..bc1ef5e49 100644
--- a/skins/elastic/styles/widgets/common.less
+++ b/skins/elastic/styles/widgets/common.less
@@ -100,6 +100,7 @@ p.image-attachment {
     position: relative;
     border: 1px solid @color-border;
     border-radius: .3rem;
+    background-color: @color-message-background;
     float: left;
     margin: .5rem;
     min-width: 47%;
@@ -134,7 +135,6 @@ p.image-attachment {
         top: 0;
         right: 0;
         padding-right: 4rem;
-        background-color: @color-message-background;
     }
 
     .image-filesize {
diff --git a/skins/elastic/styles/widgets/lists.less b/skins/elastic/styles/widgets/lists.less
index 31c34a912..6f5f2a040 100644
--- a/skins/elastic/styles/widgets/lists.less
+++ b/skins/elastic/styles/widgets/lists.less
@@ -935,6 +935,7 @@ html.touch {
 
         .attachment-name {
             .overflow-ellipsis;
+            color: @color-font;
         }
 
         .attachment-size {
diff --git a/skins/elastic/styles/widgets/mail.less b/skins/elastic/styles/widgets/mail.less
index eab5b5a04..05239d0f6 100644
--- a/skins/elastic/styles/widgets/mail.less
+++ b/skins/elastic/styles/widgets/mail.less
@@ -52,7 +52,6 @@
 
         div.header-links {
             a {
-                color: @color-link-secondary;
                 font-size: 90%;
                 margin-right: .5rem;
                 text-decoration: none;
@@ -99,6 +98,12 @@
     }
 }
 
+#message-content {
+    .attachmentslist:not(:empty) {
+        margin-bottom: 1rem;
+    }
+}
+
 #messagebody {
     // TODO
 
diff --git a/skins/elastic/styles/widgets/messages.less b/skins/elastic/styles/widgets/messages.less
index 208a5e43a..5d19e0b37 100644
--- a/skins/elastic/styles/widgets/messages.less
+++ b/skins/elastic/styles/widgets/messages.less
@@ -43,7 +43,7 @@
 
     & > i.icon {
         line-height: 1;
-        color: @color-message-information;
+        color: lighten(@color-black, 25%);
         margin: auto 0;
     }
 
@@ -59,7 +59,6 @@
         & > i.icon:before {
             content: @fa-var-circle-notch;
             .animated-icon-class;
-            color: @color-message-loading;
             width: 1em;
         }
     }
@@ -129,7 +128,7 @@
     }
 
     &.boxinformation {
-        background-color: @color-message-information-background;
+        background-color: @color-message-background;
     }
 
     &.boxwarning {
@@ -172,7 +171,7 @@
         color: @color-main;
 
         & > i.icon:before {
-            color: inherit;
+            color: @color-main;
         }
     }