Fix element visiblity issue

2019-09-23 16:54:19 +02:00 · 2019-09-23 16:54:19 +02:00 · 3d384384bb
parent c19a1d2df2
commit 3d384384bb
1 changed files with 18 additions and 16 deletions
--- 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>