feature: take full page and display footer at bottom pf window (#383)
This commit is contained in:
parent
274d036f74
commit
37160a91f3
|
|
@ -1,3 +1,9 @@
|
||||||
|
html, body {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #dee3e7;
|
background-color: #dee3e7;
|
||||||
color: black;
|
color: black;
|
||||||
|
|
@ -356,6 +362,7 @@ img.logo {
|
||||||
main {
|
main {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
padding-top: 3.5em;
|
padding-top: 3.5em;
|
||||||
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
summary {
|
summary {
|
||||||
|
|
@ -411,7 +418,7 @@ input[name="start"]:hover {
|
||||||
div.arguments {
|
div.arguments {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: max-content auto auto; /* We don't want the label or the description to wrap, and the input to take up the rest of the space */
|
grid-template-columns: max-content auto auto; /* We don't want the label or the description to wrap, and the input to take up the rest of the space */
|
||||||
grid-template-rows: repeat(auto-fill, 1fr);
|
grid-template-rows: auto;
|
||||||
grid-gap: 1em;
|
grid-gap: 1em;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue