From 760e36a344b89c5d7bacad322a3b74933d7aa82a Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Mon, 1 Apr 2019 18:18:26 +0200
Subject: [PATCH] Remove add room button on mobile

---
 client/src/pages/rooms.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/rooms.vue b/client/src/pages/rooms.vue
index f09537d3..f8eb9755 100644
--- a/client/src/pages/rooms.vue
+++ b/client/src/pages/rooms.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="rooms-page">
     <room-widget v-for="room in filteredRooms" v-bind="room" :key="room.name"></room-widget>
-    <add-room v-if="canAddRoom" data-cy="add-room"></add-room>
+    <add-room class="rooms-page__add-room" v-if="canAddRoom" data-cy="add-room"></add-room>
   </div>
 </template>
 
@@ -84,6 +84,14 @@
     justify-self: center;
     box-sizing: border-box;
 
+    &__add-room {
+      visibility: hidden;
+
+      @include desktop {
+        visibility: visible;
+      }
+    }
+
     & > div {
       flex: 0 0 30%;
       margin-bottom: $large-spacing;