Improve budget phases form layout
Dates are grouped in a fieldset and activating the phase is more prominent.
This commit is contained in:
25
app/assets/stylesheets/admin/budget_phases/form.scss
Normal file
25
app/assets/stylesheets/admin/budget_phases/form.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
.admin .budget-phases-form {
|
||||
|
||||
fieldset {
|
||||
margin-top: $line-height;
|
||||
|
||||
> * {
|
||||
@include grid-column;
|
||||
}
|
||||
|
||||
> .date-field {
|
||||
|
||||
@include breakpoint(medium) {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@include breakpoint(large) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user