firmware/installPybricksDialog: fix <div> inside <p>

fixes:

    Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.

Also some other style tweaks while we are touching this.
This commit is contained in:
David Lechner
2022-07-27 16:22:46 -05:00
parent 89892476a5
commit e6609b9054
2 changed files with 105 additions and 100 deletions
@@ -5,24 +5,28 @@
.pb-firmware-installPybricksDialog {
&-body {
min-height: bp.$pt-grid-size * 35;
min-height: bp.$pt-grid-size * 40;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: bp.$pt-grid-size;
}
&-license {
display: flex;
flex-direction: column;
gap: bp.$pt-grid-size;
min-height: inherit;
&-text {
flex-grow: 1;
width: 100%;
min-height: 0;
max-height: bp.$pt-grid-size * 30;
max-height: bp.$pt-grid-size * 35;
overflow: auto;
& .#{bp.$ns}-non-ideal-state {
min-height: bp.$pt-grid-size * 30;
min-height: bp.$pt-grid-size * 35;
}
}
&-checkbox {
margin-top: auto;
}
}
}