Fix dialogs UI scalability vol 2 - Unexpected dialog layouts

[kittaakos]

Describe the problem

This is a follow-up of #1311.

Several dialogs have an unexpected layout.

• If the board name is long, the board select dialog is ugly
  
• The new file dialog is too small. Start typing and use an unsupported file extension. The dialog grows with the validation error message.
  

To reproduce

See above

Expected behavior

The dialogs look the same as before #1311

Arduino IDE version

Version: 2.0.0-rc9.2.nightly-20220824 Date: 2022-08-24T03:48:57.272Z CLI Version: git-snapshot [04e70c53] Copyright © 2022 Arduino SA

Operating system

macOS

Operating system version

12.5.1

Additional context

No response

Issue checklist

• I searched for previous reports in the issue tracker
• I verified the problem still occurs when using the latest nightly build
• My report contains all necessary details

[ubidefeo]

I have taken more screenshots since the size of this dialog changes as you type

[Volt23]

This and the Preferences dialog should have a fixed width of 640px, we have a min size window set to 680px, making this size safe when resizing the workspace.

The new tab dialog should have a fixed width of 480px.

[kittaakos]

new tab dialog

Why the new tab only? What about rename, etc.

[Volt23]

@kittaakos
All simple dialogs - with one input only - should be 480px fixed width. In this specific case of the tabs' contextual menu the dialogs are: New tab, Rename and Delete.

[kittaakos]

Boards list is getting smaller as I filter.

boards_select__when_typing.mp4

[kittaakos]

Boards list is getting smaller as I filter.

The dialog and the internal port list also change when I toggle Show all ports:

boards_select__ports.mp4

[per1234]

Describe the problem

Width of "Enter additional URLs, one for each row" field of "Additional Boards Manager URLs" dialog is not correctly sized relative to dialog width.

To reproduce

1. Select File > Preferences from the Arduino IDE menus.
2. Click the button on the right side of the "Additional Boards Manager URLs" field.

🐛 There is an horizontal scrollbar under the "Enter additional URLs, one for each row" field.
🐛 The user must scroll the field horizontally in order to access the field resize control.

Arduino IDE version

2.0.0-rc9.3.snapshot-d8377e0 (tester build for 5197920)

Operating system

Windows 10

Additional context

Originally reported at #1444

---

Note also the ugly lack of spacing between the bottom of the scroll bar and the top of the dialog's buttons.

[kittaakos]

Width of "Enter additional URLs, one for each row" field of "Additional Boards Manager URLs" dialog is not correctly sized relative to dialog width.

See the fix here: #1382 (review).

Note that this is a partial fix, as the left and the right border are missing from the <textarea>.