fix inconsistencies in heights and paddings

This commit is contained in:
kevmodrome 2020-07-10 11:05:58 +02:00
parent 4a9c4a93e0
commit 2b192006b1
2 changed files with 21 additions and 5 deletions

View File

@ -39,4 +39,16 @@
grid-gap: 18px; grid-gap: 18px;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
.inputs :global(input) {
padding: 10px 12px;
border-radius: var(--rounded-small);
}
.inputs :global(select) {
padding: 9px 12px;
border-radius: var(--rounded-small);
}
.inputs :global(button) {
border-radius: var(--rounded-small);
height: initial;
}
</style> </style>

View File

@ -103,16 +103,12 @@
display: grid; display: grid;
grid-gap: 12px; grid-gap: 12px;
border-radius: 5px; border-radius: 5px;
background-color: var(--grey-2); background-color: var(--grey-1);
padding: 12px 12px 18px 12px; padding: 12px 12px 18px 12px;
} }
.background.create { .background.create {
background-color: var(--blue-light); background-color: var(--blue-light);
} }
.inputs :global(select) {
padding: 12px 9px;
height: initial;
}
.create-button { .create-button {
position: absolute; position: absolute;
top: 12px; top: 12px;
@ -132,6 +128,14 @@
grid-gap: 18px; grid-gap: 18px;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
.inputs :global(input) {
padding: 10px 12px;
border-radius: var(--rounded-small);
}
.inputs :global(select) {
padding: 9px 12px;
border-radius: var(--rounded-small);
}
ul { ul {
list-style: none; list-style: none;
padding: 0; padding: 0;