Buttons misaligned in mobile Editor which makes them non-clickable

[sebastiaanspeck]

Description

Buttons that do not fit the line on mobile are placed on a newline in the Editor which makes them non-clickable

How to replicate the issue + URL

https://github.com/refined-github/refined-github/issues/new?assignees=&labels=bug&projects=&template=1_bug_report.yml

Extension version

24.2.8

Browser(s) used

Safari iOS

[fregante]

I think this has been fixed in Chrome but we haven't released for Safari in a while. I'll try to work on Refined GitHub a bit this month and release a new version everywhere.

Can you verify whether it works correctly in Chrome?

[sebastiaanspeck]

Unfortunately I cannot test on mobile using Chrome as iOS would not allow me to download Refined GitHub in Chrome. I tried a 3rd party browser (Orion), which let me install Refined GitHub, but over there the issue was not solved, but I experienced a buggy GitHub with Refined GitHub when using Orion. Since Orion is a 3rd party browser, I just ignore my testing. I believe you on your blue eyes that it will be fixed when a new Safari release is done

[fregante]

I fixed this bug on collapsible-content-button but the same fix didn't work on table-input. Maybe I left something out.

PR welcome because this is a useful feature, but I disabled it via hotfix for now because this bug is very visible and annoying.