Fix room view styling on mobile

Fixes MS-530
2023-01-12 16:41:57 +01:00 · 2023-01-12 16:41:57 +01:00 · 4daf56f6da
parent eb4f74b918
commit 4daf56f6da
2 changed files with 5 additions and 2 deletions
--- a/client/src/components/rooms/RoomVisibilityWidget.vue
+++ b/client/src/components/rooms/RoomVisibilityWidget.vue
@ -42,6 +42,7 @@ export default {
    width: 30px;
    fill: $color-charcoal-dark;
    margin-right: 15px;
+    flex-shrink: 0;
  }

  & > span {
--- a/client/src/styles/_room.scss
+++ b/client/src/styles/_room.scss
@ -44,8 +44,10 @@
    justify-content: flex-start;
    position: relative;

-    & > :first-child {
-      margin-left: $large-spacing;
+    @include desktop {
+      & > :first-child {
+        margin-left: $large-spacing;
+      }
    }

    & > :nth-child(2) {