az-digital / az_quickstart

UArizona's web content management system built with Drupal 10.
https://quickstart.arizona.edu
GNU General Public License v2.0
30 stars 20 forks source link

Embedded images have excessive padding #3439

Open djcelaya opened 1 month ago

djcelaya commented 1 month ago

Problem/Motivation

Embedded images have excessive padding internally and externally.

Describe the bug

The text that accompanies an in-line image (caption and photo credit) look like they have way too much spacing around them.

To Reproduce

Steps to reproduce the behavior:

  1. Create an AZ News node with enough text to wrap around an image.
  2. Embed an image with a caption and photo credit.
  3. Observe that as the text flows around the embedded image, the spacing between the text and the image seems like it's too much.
  4. Additionally, the photo credit field appears to also have too much bottom spacing.

Proposed resolution

Adjust this implementation to tighten up the spacing around these elements.

Screenshots

https://healthsciences.arizona.edu/news/releases/bhattacharya-named-inaugural-executive-director-cami

Screenshot 2024-05-22 at 8 29 09 AM

https://healthsciences.arizona.edu/news/stories/advancing-alzheimers-research-and-taking-knowledge-home

Screenshot 2024-05-22 at 8 29 23 AM

https://news.arizona.edu/news/1m-gift-helps-build-equity-uarizona-adaptive-athletes

Screenshot 2024-05-22 at 9 14 26 AM