use fixed footer and overflow: auto for content (arduino#1256)

davegarthsimpson · web-flow · commit 19c0334a91cf · 2022-07-28T17:38:47.000+02:00
diff --git a/arduino-ide-extension/src/browser/style/settings-dialog.css b/arduino-ide-extension/src/browser/style/settings-dialog.css
@@ -6,6 +6,11 @@
 
 #arduino-settings-dialog-container > .dialogBlock > .dialogContent {
     justify-content: flex-start;
+    overflow: auto;
+}
+
+#arduino-settings-dialog-container > .dialogBlock > .dialogControl {
+    padding: 16px 0 26px;
 }
 
 .arduino-settings-dialog .content {
@@ -62,7 +67,7 @@
 }
 
 .arduino-settings-dialog .react-tabs__tab-panel {
-    padding-bottom: 25px;
+    padding-bottom: 8px;
 }
 
 .arduino-settings-dialog .react-tabs__tab-list {

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,11 @@`
`6`	`6`
`7`	`7`	`#arduino-settings-dialog-container > .dialogBlock > .dialogContent {`
`8`	`8`	`justify-content: flex-start;`
	`9`	`+ overflow: auto;`
	`10`	`+}`
	`11`	`+`
	`12`	`+#arduino-settings-dialog-container > .dialogBlock > .dialogControl {`
	`13`	`+ padding: 16px 0 26px;`
`9`	`14`	`}`
`10`	`15`
`11`	`16`	`.arduino-settings-dialog .content {`
`@@ -62,7 +67,7 @@`
`62`	`67`	`}`
`63`	`68`
`64`	`69`	`.arduino-settings-dialog .react-tabs__tab-panel {`
`65`		`- padding-bottom: 25px;`
	`70`	`+ padding-bottom: 8px;`
`66`	`71`	`}`
`67`	`72`
`68`	`73`	`.arduino-settings-dialog .react-tabs__tab-list {`