[IMP] web: improve attachment files design

Task: 1893104

addons/web/static/src/scss/form_view.scss

@@ -580,6 +580,11 @@
         border: 1px solid $o-brand-lightsecondary;
         margin: 0 $o-form-spacing-unit $o-form-spacing-unit 0;
         padding: $o-form-spacing-unit;
+        width:45%;
+        background-color: rgba(black, 0.05);
+        .caption {
+            @include o-text-overflow(block);
+        }
     }
 
     &.oe_form_configuration {

addons/web/static/src/xml/base.xml

@@ -1096,8 +1096,8 @@
         <div t-foreach="widget.value.data" t-as="file" class="oe_attachment">
             <t t-if="!file.data.upload">
                 <div>
-                    <a href="#" class="fa fa-times float-right oe_delete pl-1" title="Delete this file" aria-label="Delete this file" t-att-data-id="file.data.id"/>
-                    <t t-raw="file.data.name || file.data.filename"/>
+                    <a href="#" class="fa fa-times float-right oe_delete" title="Delete this file" aria-label="Delete this file" t-att-data-id="file.data.id"/>
+                    <div class="caption"><t t-raw="file.data.name || file.data.filename"/></div>
                 </div>
                 <a class="o_image" target="_blank" t-att-href="widget.metadata[file.id] ? widget.metadata[file.id].url : false"
                    t-att-title="file.data.name"