The Settings dialog spans horizontally when IDE is on full-screen mode

[kittaakos]

Describe the problem

When the IDE is on full-screen mode, the Settings dialog looks like this:

To reproduce

• Start IDE,
• Put into full-screen mode,
• Open the Settings

Expected behavior

Arduino IDE version

Version: 2.0.0-rc8-nightly-20220708 Date: 2022-07-08T03:32:00.911Z CLI Version: 0.24.0 [c1b10f56] Copyright © 2022 Arduino SA

Operating system

macOS

Operating system version

12.3.1

Additional context

Proposed fix by @91volt:

diff --git a/arduino-ide-extension/src/browser/style/dialogs.css b/arduino-ide-extension/src/browser/style/dialogs.css
index 3ce0092..4340cf9 100644
--- a/arduino-ide-extension/src/browser/style/dialogs.css
+++ b/arduino-ide-extension/src/browser/style/dialogs.css
@@ -10,6 +10,7 @@
     */
     max-width: calc(100% - 96px) !important;
     padding: 0 28px;
+    width: 740px;
 }
 
 .p-Widget.dialogOverlay .dialogBlock .dialogTitle {

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

[kittaakos]

I noticed another regression in the dialog's height.

RC-8:

rc-8_dialog_height.mp4

Nightly:

nigthly_dialog_height.mp4