💄(attachments): Fix file attachment styles

Author: jstejada

internal_packages/attachments/lib/message-attachments.jsx

@@ -4,7 +4,9 @@ import {AttachmentItem, ImageAttachmentItem} from 'nylas-component-kit'
 
 
 class MessageAttachments extends Component {
-  static displayName= 'MessageAttachments'
+  static displayName = 'MessageAttachments'
+
+  static containerRequired = false
 
   static propTypes = {
     files: PropTypes.array,

static/components/attachment-items.less

@@ -23,6 +23,7 @@
   }
 
   .file-thumbnail-preview {
+    width: 100%;
     max-height: 64px;
     text-align: left;
     overflow: hidden;
@@ -56,8 +57,9 @@
   .file-info-wrap {
     display: flex;
     align-items: center;
+    flex-grow: 2;
+    min-width: 85%;
     padding: 10px;
-    width: 100%;
     height: 105%;
     border: solid 1px @attachment-border-color;
     border-top-left-radius: 8px;
@@ -100,6 +102,8 @@
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
+    flex-grow: 0;
+    flex-basis: 38px;
     margin-left: auto;
     padding: 10px;
     height: 105%;