From 3d384384bb5fbab794c46bd4ed9fd3b0ed3401c2 Mon Sep 17 00:00:00 2001
From: Hamcha <hamcha@crunchy.rocks>
Date: Mon, 23 Sep 2019 16:54:19 +0200
Subject: [PATCH] Fix element visiblity issue

---
 src/views/Lobby.vue | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/views/Lobby.vue b/src/views/Lobby.vue
index 8965796..897c42a 100644
--- a/src/views/Lobby.vue
+++ b/src/views/Lobby.vue
@@ -24,22 +24,24 @@
             Join
           </b-button>
         </div>
-        <b-field class="only-mobile full">
-          <b-input
-            :disabled="busy"
-            placeholder="Session ID"
-            v-model="joinSessionID"
-          ></b-input>
-          <p class="control">
-            <b-button
-              type="is-primary"
-              @click="join"
-              :disabled="busy || !canJoin"
-            >
-              Join
-            </b-button>
-          </p>
-        </b-field>
+        <div class="only-mobile">
+          <b-field class="full">
+            <b-input
+              :disabled="busy"
+              placeholder="Session ID"
+              v-model="joinSessionID"
+            ></b-input>
+            <p class="control">
+              <b-button
+                type="is-primary"
+                @click="join"
+                :disabled="busy || !canJoin"
+              >
+                Join
+              </b-button>
+            </p>
+          </b-field>
+        </div>
       </section>
       <section id="host">
         <header>