ProxmoxAAS-Dashboard/css/form.css

66 lines
879 B
CSS

.input-grid {
display: grid;
gap: 5px 10px;
align-items: center;
width: 100%;
}
.input-grid * {
margin-top: 0;
margin-bottom: 0;
}
.input-grid .last-item {
text-align: right;
}
/* sibling of input-grid that is not inside another input grid */
:not(.input-grid) .input-grid + * {
display: inline-block;
width: 100%;
margin-top: 5px;
}
legend {
float: left;
width: 100%;
margin: 0;
padding: 0;
line-height: 1.5em;
margin-top: 0.25lh;
margin-bottom: 0.25lh;
}
fieldset {
border: 0;
}
fieldset > *:last-child {
margin-bottom: 8px;
}
fieldset > .input-grid {
float: left;
}
body:not(:-moz-handler-blocked) fieldset {
display: table-cell;
}
input[type="checkbox"] {
width: min-content;
margin-left: auto;
margin-right: auto;
}
input[type="radio"] {
position: inherit;
}
div[draggable="true"] {
cursor: grab;
}
.w3-select, select {
padding: 8px;
}