diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue index 20e8ab2f82..3f90caa99f 100644 --- a/src/components/gallery/gallery.vue +++ b/src/components/gallery/gallery.vue @@ -27,12 +27,15 @@ align-content: stretch; flex-grow: 1; margin-top: 0.5em; + margin-bottom: 0.25em; .attachments, .attachment { margin: 0 0.5em 0 0; flex-grow: 1; height: 100%; box-sizing: border-box; + // to make failed images a bit more noticeable on chromium + min-width: 2em; } .image-attachment { diff --git a/src/components/link-preview/link-preview.vue b/src/components/link-preview/link-preview.vue index 9b3f2550b8..e4a247c5f8 100644 --- a/src/components/link-preview/link-preview.vue +++ b/src/components/link-preview/link-preview.vue @@ -26,7 +26,7 @@ // TODO: clean up the random margins in attachments, this makes preview line // up with attachments... - margin-right: 0.7em; + margin-right: 0.5em; .card-image { flex-shrink: 0;