Bug report: CSS issue - Unable to focus 'Find' field using cursor

[git-commit-amen]

Describe the bug In some cases (depending on the screen size of the viewport and the width of the right-panel), when using the Find/Replace feature (CTRL+F or CMD+F) in the Input panel, the Find field cannot be focused using the mouse. Hovering the mouse over this field does not show an edit cursor and clicking the field has no effect. It is only focusable by first focusing the Replace field and then pressing SHIFT+TAB several times.

Mouse events for this field are apparently obstructed by the padding-top of the nearby Replace field.

To Reproduce

1. Focus the Input panel
2. Press CTRL+F or CMD+F to show the Find/Replace options
3. Set your browser zoom level to 100% and resize the viewport to 1920x1080*
4. Drag the right-panel to be wide enough so that the 'by word' checkbox and its label do not wrap to a newline
5. Observe that clicking the Find field in the Input panel has no effect

Expected behaviour The Find field should always be focusable when visible, using the mouse cursor

Screenshots

Desktop (if relevant, please complete the following information):

• Version: 10.18.9
• Compile time: 21/06/2024 13:14:42 UTC
• User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Additional context *100% zoom level and 1920x1080 viewport are just an example. There is a broad range of zoom levels and viewport sizes which produce this bug. Reducing the width of the right-panel to the point where the 'by word' checkbox and its label wrap to a newline causes the Find field to be accessible again, but now causes the 'by word' checkbox to be obstructed in much the same way.

[AditiB24]

I want to work on this.