Improved layout of "Board Select" and "File Navigator" dialogs

Signed-off-by: jbicker <jan.bicker@typefox.io>

Author: jbicker

arduino-ide-extension/src/browser/boards/select-board-dialog.ts

@@ -26,6 +26,8 @@ export class SelectBoardDialog extends AbstractDialog<BoardAndPortSelection> {
         this.dialogPanel = new Panel();
         this.dialogPanel.addWidget(this.widget);
 
+        this.contentNode.classList.add('select-board-dialog');
+
         this.toDispose.push(this.widget.onChanged(() => this.update()));
         this.toDispose.push(this.dialogPanel);
 

arduino-ide-extension/src/browser/style/board-select-dialog.css

@@ -85,14 +85,18 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i{
     overflow-y: auto;
 }
 
+#select-board-dialog .selectBoardContainer .body .boards.list {
+    min-height: 265px;
+}
+
 #select-board-dialog .selectBoardContainer .body .search {
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     padding-right: 5px;
 }
 
-.p-Widget.dialogOverlay .dialogBlock {
+.p-Widget.dialogOverlay .dialogContent.select-board-dialog {
     width: 740px;
 }