Apply clearfix to .note-text

What does this MR do and why?

Apply clearfix to .note-text such that floated images don't overhang the container.

This seems to be the right element; note that we specifically want to clear before the award emoji (which are within .note-body, sibling to .note-text).

Closes Follow-up from "Feat/text and image alignment i... (#617427 - closed). Relates to Feat/text and image alignment in glfm (!194045 - merged).

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  1. Make a comment like this in your GDK on a recent-ish master:
    ![](https://cataas.com/cat?1){.float-left width=200 height=200} ![](https://cataas.com/cat?2){.float-right width=200 height=200}
  2. Observe the overhang.
  3. Check out this branch.
  4. Viola 🎻

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Merge request reports

Loading
Loading