fix css

client/src/views/fields/attachment-multiple.js

@@ -268,8 +268,8 @@ Espo.define('views/fields/attachment-multiple', 'views/fields/base', function (D
                                  .css('width', '100%')
                                  .css('max-width', '300px')
                                  .addClass('gray-box')
-                                 .append($('<span class="preview">' + preview + '</span>').css('width', 'cacl(100% - 30px)'))
-                                 .append(removeLink);
+                                 .append(removeLink)
+                                 .append($('<span class="preview">' + preview + '</span>').css('width', 'cacl(100% - 30px)'));
 
             var $container = $('<div>').append($att);
             $attachments.append($container);

client/src/views/fields/file.js

@@ -319,8 +319,8 @@ Espo.define('views/fields/file', 'views/fields/link', function (Dep) {
             var $att = $('<div>').css('display', 'inline-block')
                                  .css('width', '100%')
                                  .css('max-width', '300px')
-                                 .addClass('gray-box')
                                  .append($('<span class="preview">' + preview + '</span>').css('width', 'cacl(100% - 30px)'))
+                                 .addClass('gray-box')
                                  .append(removeLink);
 
             var $container = $('<div>').append($att);

frontend/less/espo/custom.less

@@ -821,14 +821,12 @@ td.cell[data-name="buttons"] > .btn-group {
 .gray-box {
     background-color: @gray-lighter;
     margin: 0 5px 3px 0;
-    padding: 4px 3px 4px 5px;
-    line-height: 1;
+    padding: 2px 3px 2px 5px;
+    overflow: hidden;
 }
 
 .gray-box .preview {
     overflow: hidden;
-    display: inline-block;
-    vertical-align: middle;
 }
 
 .attachment-preview {