style(allocation): more clearly separate courses

This commit is contained in:
Gregor Kleen 2019-09-05 18:17:26 +02:00
parent ada41e2164
commit bf7b63ebfc

View File

@ -15,15 +15,18 @@
.allocation-course { .allocation-course {
display: grid; display: grid;
grid-template-columns: 140px 1fr; grid-template-columns: minmax(105px, 1fr) 9fr;
grid-template-areas: grid-template-areas:
'. name ' 'name name '
'prio-label prio ' 'prio-label prio '
'instr-label instr ' 'instr-label instr '
'form-label form '; 'form-label form ';
grid-gap: 5px 7px; grid-gap: 5px 7px;
padding: 12px 10px; margin: 12px 0;
padding: 0 10px 12px 7px;
border-left: 1px solid var(--color-grey);
/* &:last-child { /* &:last-child {
* padding: 12px 10px 0 10px; * padding: 12px 10px 0 10px;
@ -35,7 +38,7 @@
*/ */
&:nth-child(2n) { &:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.03); background-color: rgba(0, 0, 0, 0.015);
} }
.allocation-course__priority { .allocation-course__priority {