diff --git a/client/src/components/profile/GroupList.vue b/client/src/components/profile/GroupList.vue index caa28fcf..2fafc9d9 100644 --- a/client/src/components/profile/GroupList.vue +++ b/client/src/components/profile/GroupList.vue @@ -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; + } } } diff --git a/client/src/components/profile/ShowCode.vue b/client/src/components/profile/ShowCode.vue index fb3025eb..3413e666 100644 --- a/client/src/components/profile/ShowCode.vue +++ b/client/src/components/profile/ShowCode.vue @@ -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; } } diff --git a/client/src/styles/_room.scss b/client/src/styles/_room.scss index bdf09125..0703fe92 100644 --- a/client/src/styles/_room.scss +++ b/client/src/styles/_room.scss @@ -37,7 +37,7 @@ &__meta { display: flex; - flex-direction: column; + flex-direction: column-reverse; @include desktop { flex-direction: row-reverse; } diff --git a/client/src/styles/_simple-list.scss b/client/src/styles/_simple-list.scss index 73a36d8d..744cbdfa 100644 --- a/client/src/styles/_simple-list.scss +++ b/client/src/styles/_simple-list.scss @@ -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 {