8bb55f0d45
Since managing investments is a very common action, with this link administrators won't have to go back to the index page to manage investments; they can access it from either the budgets index page or the budget page. Since now the links we've got on the budget page are similar to the ones we've got in the index page table, we're styling them in a similar way. We're also fixing a small typo en the investments path; it works exactly the same way as it used to, but passing `budget` instead of `budget_id: budget.id` is shorter and more consistent with what we do in other places.
85 lines
1.2 KiB
SCSS
85 lines
1.2 KiB
SCSS
.admin .groups-and-headings {
|
|
$gap: rem-calc(map-get($grid-column-gutter, medium));
|
|
@include admin-action-icons;
|
|
|
|
> section + section {
|
|
margin-top: $line-height * 1.5;
|
|
}
|
|
|
|
> section {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
h4 {
|
|
margin-#{$global-right}: $gap;
|
|
}
|
|
|
|
dl,
|
|
.callout {
|
|
width: 100%;
|
|
}
|
|
|
|
dt,
|
|
dd {
|
|
display: inline;
|
|
}
|
|
|
|
dt {
|
|
font-weight: normal;
|
|
}
|
|
|
|
dd {
|
|
font-weight: bold;
|
|
}
|
|
|
|
th:last-child {
|
|
text-align: $global-right;
|
|
}
|
|
|
|
.table-actions {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.groups-actions {
|
|
@include flex-with-gap($gap);
|
|
align-items: flex-start;
|
|
flex: 1;
|
|
margin-bottom: $line-height / 2;
|
|
|
|
.edit-link,
|
|
.destroy-link {
|
|
@include icon-on-top;
|
|
}
|
|
|
|
.new-link {
|
|
@include hollow-button;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
> :nth-last-child(2) {
|
|
margin-#{$global-right}: $gap;
|
|
}
|
|
|
|
> :last-child {
|
|
margin-#{$global-left}: auto;
|
|
}
|
|
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.new-link {
|
|
@include has-fa-icon(plus-square, solid);
|
|
|
|
&::before {
|
|
margin-#{$global-right}: $font-icon-margin;
|
|
}
|
|
}
|
|
|
|
> .new-link {
|
|
@include regular-button;
|
|
}
|
|
}
|