Fix settings dialog size (#1172)

* give an id to the settings dialog to grant higher priority to css rule to fix the max-width

* fix settings dialog height

Author: Alberto Iannaccone

arduino-ide-extension/src/browser/dialogs/settings/settings-dialog.tsx

@@ -63,7 +63,7 @@ export class SettingsDialog extends AbstractDialog<Promise<Settings>> {
     protected override readonly props: SettingsDialogProps
   ) {
     super(props);
-    this.node.classList.add('arduino-settings-dialog-container');
+    this.node.id = 'arduino-settings-dialog-container';
     this.contentNode.classList.add('arduino-settings-dialog');
     this.appendCloseButton(
       nls.localize('vscode/issueMainService/cancel', 'Cancel')

arduino-ide-extension/src/browser/style/settings-dialog.css

@@ -1,6 +1,11 @@
-.arduino-settings-dialog-container > .dialogBlock {
-    width: calc(100% - 96px);
+#arduino-settings-dialog-container > .dialogBlock {
+    height: 531px;;
     max-width: 740px !important;
+    width: calc(100% - 96px);
+}
+
+#arduino-settings-dialog-container > .dialogBlock > .dialogContent {
+    justify-content: flex-start;
 }
 
 .arduino-settings-dialog .content {