2003016 - Home button extends across the entire revision search input component

Status: RESOLVED FIXED

(Testing :: PerfCompare, defect, P3)

Description

[Greg Mierzwinski [:sparky]]

Currently, when you have a comparison created, the Home button at the top of the search revision input extends across the entire component even though it should only be restricted to the area where the Home button is (the left side of the search section). This is a bit annoying because sometimes if you click out of the results search, you can easily accidentally click it and it'll return to the home page.

Comment 1

[Alex [:moijes12]]

I think the reason the Home button ends up spanning the entire line is because it is a Link which contains block-level elements (Stack uses a <div> and the Home text is contained in <p>). That makes the clickable area expand to the whole row.

Setting the display attribute to inline-flex for the link should fix the issue. We can also add inline-flex to the Stack and <p> to make them consistently inline.

Comment 2

[Alex [:moijes12]]

Attachment: GitHub Pull Request

Adding a fix