feat: bootstrap4 media link

[wesleyboar]

Important

This is the missing commit from #620.

[qodo-code-review]

Review Summary by Qodo

Fix bootstrap4 media-link alignment: replace center-align with top margin

✨ Enhancement 🐞 Bug fix

Walkthroughs

Description

• Replace align-items: center with top margin on non-body media elements
• Update .media-link styles for better Django CMS editor compatibility
• Propagate CSS changes to dist files for bootstrap4 media component

Diagram

flowchart LR
  src["src/lib/_imports/bootstrap4/components/media.css"]
  dist_media["dist/bootstrap4/components/media.css"]
  dist_core["dist/core-styles.bootstrap4.css"]
  src -- "remove align-items:center, add margin-top on non-body" --> dist_media
  src -- "propagate changes" --> dist_core

Loading

File Changes

1. src/lib/_imports/bootstrap4/components/media.css ✨ Enhancement +3/-1

Replace center-align with top margin for media-link

• Removed align-items: center from .media-link
• Added new rule .media-link > :not(.media-body) with margin-top: 0.5rem for vertical spacing

src/lib/_imports/bootstrap4/components/media.css

---

2. dist/bootstrap4/components/media.css ✨ Enhancement +1/-1

Update compiled media-link CSS dist file

• Updated compiled CSS to reflect source changes
• Replaced align-items:center with margin-top:.5rem on non-body children

dist/bootstrap4/components/media.css

---

3. dist/core-styles.bootstrap4.css ✨ Enhancement +1/-1

Propagate media-link style fix to core bootstrap4 bundle

• Updated bundled CSS to reflect new .media-link styles
• Removed align-items:center, added .media-link>:not(.media-body){margin-top:.5rem}

dist/core-styles.bootstrap4.css

---

[qodo-code-review]

Code Review by Qodo

Looking for bugs?

Check back in a few minutes. An AI review agent is analyzing this pull request.