diff --git a/client/src/components/AssignmentWithSubmissions.vue b/client/src/components/AssignmentWithSubmissions.vue index 9381c655..f058086c 100644 --- a/client/src/components/AssignmentWithSubmissions.vue +++ b/client/src/components/AssignmentWithSubmissions.vue @@ -1,24 +1,35 @@ @@ -80,6 +91,7 @@ } &__text { + font-size: toRem(26px); margin-bottom: 1rem; } @@ -95,10 +107,27 @@ &__link { display: block; - &:first-of-type { - border-top: 1px solid $color-silver-dark; - } + } + + &__submissions { + margin-top: 3rem; + } + + &__no-submissions { + margin-top: $large-spacing; } } + + .submissions { + width: 100%; + } + + .submission-header { + &__title { + color: $color-silver-dark; + font-family: $sans-serif-font-family; + } + } + diff --git a/client/src/components/StudentSubmission.vue b/client/src/components/StudentSubmission.vue index 386d399c..8790b315 100644 --- a/client/src/components/StudentSubmission.vue +++ b/client/src/components/StudentSubmission.vue @@ -1,5 +1,5 @@ @@ -50,18 +53,13 @@ @import "@/styles/_functions.scss"; .student-submission { - display: grid; - grid-template-columns: 170px 1fr; - grid-column-gap: 80px; - align-items: center; - border-bottom: 1px solid $color-silver-dark; - padding: 15px 0; &__student-name { font-size: toRem(17px); font-weight: 800; font-family: $sans-serif-font-family; } + &__entry { font-size: toRem(14px); font-family: $sans-serif-font-family; @@ -71,4 +69,13 @@ margin-top: 1rem; } } + + .entry { + &__text { + color: $color-silver-dark; + &--final { + color: $color-charcoal-dark; + } + } + } diff --git a/client/src/components/content-blocks/assignment/Assignment.vue b/client/src/components/content-blocks/assignment/Assignment.vue index cd734dc1..bbc3736b 100644 --- a/client/src/components/content-blocks/assignment/Assignment.vue +++ b/client/src/components/content-blocks/assignment/Assignment.vue @@ -7,39 +7,22 @@