Merge branch 'pr-elastic-attachments' of https://github.com/thomascube/roundcubemail into thomascube-pr-elastic-attachments

program/steps/mail/compose.inc

@@ -1197,7 +1197,7 @@ function rcmail_compose_attachment_list($attrib)
     if (!$attrib['id'])
         $attrib['id'] = 'rcmAttachmentList';
 
-    $out    = "\n";
+    $out    = "";
     $jslist = array();
     $button = '';
 

skins/elastic/styles/colors.less

@@ -93,6 +93,9 @@
 @color-list-icon:                   fadeout(@color-list-secondary, 25%);
 @color-list-unread-status:          @color-warning;
 
+@color-attachmentlist-border:       #f4f4f4;
+@color-attachmentlist-background:   #fcfcfc;
+
 // Drag-n-drop layer
 @color-drag-layer:                  #fff;
 @color-drag-layer-background:       @color-taskmenu-background;

skins/elastic/styles/widgets/forms.less

@@ -871,6 +871,7 @@ html.ms .propform {
             position: relative;
             display: flex;
             padding-right: 1.5em;
+            margin: 0.15em 0;
 
             a.filename {
                 flex: 1;
@@ -879,7 +880,7 @@ html.ms .propform {
             a.delete,
             a.cancelupload {
                 position: absolute;
-                right: 0;
+                right: 0.25em;
                 width: auto; // fix button width if the widget is in a .popupmenu
 
                 &:before {

skins/elastic/styles/widgets/lists.less

@@ -807,11 +807,20 @@ html.touch {
     padding: 0;
     margin: 0;
 
+    background-color: @color-attachmentlist-background;
+    border: 1px solid @color-attachmentlist-border;
+
+    &:empty {
+        padding: 0;
+        border: 0;
+    }
+
     li {
         list-style: none;
         display: inline-flex;
         white-space: nowrap;
         line-height: @attachmentslist-item-height;
+        padding: 0 .25em;
         max-width: 100%;
 
         &:before {