[Bug] Discovery panel should wrap in column on smaller devices

[MrPropre]

Describe the bug
The discovery panel doesn't wrap in column when the text is too long.

To Reproduce
Steps to reproduce the behavior:
Open a pairdrop tab in a tiny phone, or open devtools on desktop to emulate a screen size. Resize manually if needed. See the panel not wrapping in column.

Expected behavior
It should wrap in column. The text in the first row, then the discovery mode in the second row.

Screenshots

Smartphone (please complete the following information):

• Device: iPhone SE 1st gen
• OS: iOS 15.8.3
• Browser: Safari

Bug occurs on official PairDrop instance https://pairdrop.net/
Yes
Version: v1.11.2

[schlagmichdoch]

Additional device info:
Viewport Size: 320px × 568px

[schlagmichdoch]

Is this the same for the English translation?

Also, there should be no bottom padding of the device has a home button / no OS home overlay on the bottom of the screen.

[MrPropre]

Is this the same for the English translation?

Not it doesn't happen with English because the text is not too long.

Also, there should be no bottom padding of the device has a home button / no OS home overlay on the bottom of the screen.

Yes, it only happens when the PWA is installed, not in a browser tab.

[schlagmichdoch]

Thanks for the clarification!