form styling
This commit is contained in:
parent
bd339683e8
commit
5d797f9f37
1 changed files with 12 additions and 2 deletions
|
|
@ -296,17 +296,27 @@ tr a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.order {
|
.order {
|
||||||
|
flex-grow: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
width: 100%;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--white);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order div {
|
.order div {
|
||||||
|
flex-grow: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.order-contents>*:first-child,
|
||||||
|
.order-contents>*:last-child {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Responsive adjustments */
|
/* Responsive adjustments */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue