Larger preview of added attachments to a new post

[420]

Here is a simple & small edit that I want to share.

On my forum the attachments are heavily used. When adding multiple attachments inline, the preview thumbnail is only 35px large.
When the attachments look similar it is sometimes hard to see the difference. So to make them larger add the following code to the additional.css

.b-attach-item__image {
    max-width: 100px !important;
    max-height: 100px !important; }

.b-attach-item__controls {
margin-left: 110px;
}

.b-attach-item__filename {
margin-left: 110px;
}

Question to the css experts: Is there a better way to target these selectors? Because they have the same styling, is it possible to target them in a single "line"?

[glennrocksvb]

Your selectors look good. But I don't understand your question on how to target them in a single line?

[shining]

Is there a better way to target these selectors? Because they have the same styling, is it possible to target them in a single "line"?

You could do this:

 .b-attach-item__controls, .b-attach-item__filename { margin-left: 110px; }

Just seperate them with a comma.

[glennrocksvb]

Ahh, I see what 420 meant. Thanks shining! You're right.

[420]

shining Thanks