Fix styling in class list

Fixes MS-545
This commit is contained in:
Ramon Wenger 2023-01-12 16:56:39 +01:00
parent 4daf56f6da
commit 7b054dc585
4 changed files with 28 additions and 12 deletions

View File

@ -181,13 +181,17 @@ export default {
}
&__role {
flex: 0 1 110px;
text-align: right;
@include desktop {
flex: 0 1 110px;
text-align: right;
}
}
&__action {
flex: 0 1 110px;
padding-left: $large-spacing;
@include desktop {
flex: 0 1 110px;
padding-left: $large-spacing;
}
}
}
</style>

View File

@ -32,12 +32,20 @@ export default {
.show-code {
&__title {
@include regular-text;
margin-bottom: 2 * $large-spacing;
margin-bottom: $large-spacing;
@include desktop {
margin-bottom: 2 * $large-spacing;
}
}
&__code {
font-size: toRem(120px);
letter-spacing: toRem(20px);
font-size: toRem(60px);
letter-spacing: toRem(10px);
@include desktop {
font-size: toRem(120px);
letter-spacing: toRem(20px);
}
font-weight: 600;
}
}

View File

@ -37,7 +37,7 @@
&__meta {
display: flex;
flex-direction: column;
flex-direction: column-reverse;
@include desktop {
flex-direction: row-reverse;
}

View File

@ -8,13 +8,17 @@
}
&__item {
line-height: $list-height;
height: $list-height;
border-bottom: 1px solid $color-silver-dark;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-direction: column;
line-height: $list-height;
@include desktop {
flex-direction: row;
height: $list-height;
justify-content: space-between;
}
}
&__action {