SOLVED: Remove product icon extra space issue in Cart loop

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello,

The “Remove product” icon in the cart loop has extra space at the bottom. Setting the display to ‘flex’ resolves the issue. So, it would be great if the display were set to flex by default.

Remove product icon
Remove product icon355×167 3.15 KB

3

Hi Jolia,
Thanks for the report. This is more of a line-height issue, but I added it to our internal bug tracker. We’ll update this thread once it’s fixed.

Interim solution:

.product-remove {
  line-height: 1;
}
4

We’ve addressed this in Bricks 2.4-rc2 (release candidate), now available for manual download from your Bricks account.

The Cart v2 remove-product icon no longer has the extra line-height space underneath.

Please read the changelog entry before testing, and let us know if you experience any issues. Release candidates are not intended for production sites.