Rearranged attachments table, showing all cols and truncating texts.

https://www.openproject.org/work_packages/12235
https://www.openproject.org/work_packages/14397
https://www.openproject.org/work_packages/14396
You should use the sass way like

.attachments-container
  rules
  ul
    rules