From 4daf56f6daa0a330085c9de87157517525473ce2 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 12 Jan 2023 16:41:57 +0100
Subject: [PATCH] Fix room view styling on mobile

Fixes MS-530
---
 client/src/components/rooms/RoomVisibilityWidget.vue | 1 +
 client/src/styles/_room.scss                         | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/components/rooms/RoomVisibilityWidget.vue b/client/src/components/rooms/RoomVisibilityWidget.vue
index 544bdb19..4f41dbc6 100644
--- 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 {
diff --git a/client/src/styles/_room.scss b/client/src/styles/_room.scss
index 5388fc67..bdf09125 100644
--- 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) {