From 77eb091b1168f6678dca71fd6f14f80e996d25d8 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Fri, 16 Oct 2020 22:20:26 +0200
Subject: [PATCH] fix(live-game): timer fixed size only when the game has
 started

---
 client/src/components/Match/LiveMatch.vue | 7 ++++++-
 client/src/views/SummonerLive.vue         | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Match/LiveMatch.vue b/client/src/components/Match/LiveMatch.vue
index b6711a6..82f4e1f 100644
--- a/client/src/components/Match/LiveMatch.vue
+++ b/client/src/components/Match/LiveMatch.vue
@@ -7,7 +7,12 @@
           <span>V</span>
           <span class="ml-4 -mt-3">S</span>
         </div>
-        <div class="w-10 pb-2 text-blue-200">{{ displayStartTime }}</div>
+        <div 
+          :class="{'w-10': displayStartTime !== 'Not started yet'}"
+          class="pb-2 text-blue-200"
+        >
+          {{ displayStartTime }}
+        </div>
       </div>
       <ul class="w-1/2 text-left">
         <li
diff --git a/client/src/views/SummonerLive.vue b/client/src/views/SummonerLive.vue
index 18ee015..220ac14 100644
--- a/client/src/views/SummonerLive.vue
+++ b/client/src/views/SummonerLive.vue
@@ -4,7 +4,7 @@
       <div v-if="liveLoaded" class="flex items-center justify-end -mt-4 text-base text-blue-200">
         <div>{{ gamemode.type }} {{ gamemode.name }}</div>
         <div class="mx-2">-</div>
-        <div class="w-12">{{ displayStartTime }}</div>
+        <div :class="{'w-12': displayStartTime !== 'Not started yet'}">{{ displayStartTime }}</div>
         <button
           @click="liveMatchRequest"
           class="px-3 py-1 ml-4 text-blue-100 bg-blue-800 rounded-md shadow-md hover:bg-blue-760"