tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve form layout css

Browse Source
This commit is contained in:
Arthur Lu 2022-12-21 00:56:40 -08:00
parent cdcae0b05e
commit 833307158c
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config.html
View File

@ -13,7 +13,7 @@
<form> <form>
<fieldset> <fieldset>
<legend>Name</legend> <legend>Name</legend>
<div class="labels-inputs-units" id="name"></div> <div class="labels-inputs" id="name"></div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>Resources</legend> <legend>Resources</legend>

9
css/form.css
View File

@ -4,7 +4,8 @@
} }
p { p {
text-align: center; text-align: left;
margin: 0px;
} }
fieldset { fieldset {
@ -29,6 +30,12 @@ button {
margin-top: 0px; margin-top: 0px;
} }
.labels-inputs {
display: grid;
grid-template-columns: auto auto;
column-gap: 10px;
}
.labels-inputs-units { .labels-inputs-units {
display: grid; display: grid;
grid-template-columns: auto auto auto; grid-template-columns: auto auto auto;