diff --git a/app/javascript/dashboard/components/widgets/AttachmentsPreview.vue b/app/javascript/dashboard/components/widgets/AttachmentsPreview.vue index 2d5ded515..2c4f48895 100644 --- a/app/javascript/dashboard/components/widgets/AttachmentsPreview.vue +++ b/app/javascript/dashboard/components/widgets/AttachmentsPreview.vue @@ -65,7 +65,11 @@ export default { display: flex; padding: var(--space-slab) 0 0; background: var(--color-background-light); - background: transparent; + background: var(--b-50); + border-radius: var(--border-radius-normal); + width: fit-content; + padding: var(--space-smaller); + margin-top: var(--space-normal); } .thumb-wrap { @@ -114,6 +118,8 @@ export default { max-width: 50%; overflow: hidden; text-overflow: ellipsis; + margin-left: var(--space-small); + .item { height: var(--space-normal); overflow: hidden; @@ -123,7 +129,7 @@ export default { } .file-size-wrap { - width: 20%; + width: 30%; justify-content: center; }