From db3d9f8bbeca56656f0d152b17314d886d1f0b6a Mon Sep 17 00:00:00 2001
From: Simon Forsberg <zomis2k@hotmail.com>
Date: Fri, 22 Mar 2019 16:26:14 +0100
Subject: [PATCH] Change GameResult dialog to support mobile better

---
 src/views/games/GameResult.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/games/GameResult.vue b/src/views/games/GameResult.vue
index ccc7f9a..490c8a5 100644
--- a/src/views/games/GameResult.vue
+++ b/src/views/games/GameResult.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-dialog v-model="showResult" persistent width="30%">
+  <v-dialog
+    v-model="showResult"
+    persistent
+    :fullscreen="$vuetify.breakpoint.xsOnly"
+    class="show-result-dialog"
+  >
     <v-card>
       <v-card-title class="headline">
         <span class="you" v-if="isPlaying">You&nbsp;</span>
@@ -93,3 +98,8 @@ export default {
   }
 };
 </script>
+<style scoped>
+.show-result-dialog {
+  width: 30%;
+}
+</style>