Connect to VPN dialog layout not correct

[dmocek]

What Happened

When I connect to my company's VPN, the 'Connect to VPN' dialog layout is not correct.

1. The text from the VPN connection displays underneath the 'Save Passwords' checkbox and the 'Cancel' and 'Login' buttons.
2. The text from the VPN connection displays outside the "box" and underneath the 'expand' icon.
3. The username and password edit boxes are displayed underneath the 'Close' button.

I suspect this occurs because there is a fair amount of text from my company's VPN connection (I replaced the real text in the attached image) that gets displayed in the box which also contains the 'Cancel' and 'Login' buttons. When the dialog displays, I cannot just type my password, I have to click in the password field to give it the focus. I can resize the dialog by dragging the bottom down, in which case it displays correctly.

Expected Behavior

Expected behavior is for the dialog to display so the text doesn't display underneath any other controls and for the focus to be in the password edit box. I suspect providing a scrollable read-only edit box for the VPN text would solve the issue.

Steps to Reproduce

1. Create a VPN connection with a VPN connection that returns more text than can fit within the text area.
2. Connect to the VPN

Platform Information

• elementary OS 6 (this occurred in the beta as well).
• Hexa-Core Intel® Core™ i7-8700 CPU @ 3.20GHz
• NVIDIA Corporation GP102 [TITAN Xp]
• 31.3 GiB memory
• 112.8 GB storage