From 7b8bfa59cda9fdd7274f1ffd33024d400ff7e098 Mon Sep 17 00:00:00 2001
From: Eric Tillberg <Thrillberg@users.noreply.github.com>
Date: Sun, 22 Dec 2024 16:16:51 -0500
Subject: [PATCH] Add webkit-filter

---
 app/javascript/src/assets/styles.css | 2 ++
 app/javascript/src/views/Game.vue    | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/javascript/src/assets/styles.css b/app/javascript/src/assets/styles.css
index 069fd79e..f8547eb8 100644
--- a/app/javascript/src/assets/styles.css
+++ b/app/javascript/src/assets/styles.css
@@ -1,10 +1,12 @@
 .hoverable {
   stroke-width: 0.5px;
   filter: brightness(0.7);
+  -webkit-filter: brightness(0.7);
 }
 
 .hoverable:hover {
   filter: url(#brightness);
+  -webkit-filter: url(#brightness);
 }
 
 .tooltip .tooltip-text {
diff --git a/app/javascript/src/views/Game.vue b/app/javascript/src/views/Game.vue
index 8443659a..2b2f04e0 100644
--- a/app/javascript/src/views/Game.vue
+++ b/app/javascript/src/views/Game.vue
@@ -74,7 +74,7 @@
           Clone game
         </v-btn>
       </v-col>
-      <v-col class="text-right my-auto mx-2">
+      <v-col class="text-right my-auto mx-2" v-if="gameData.timeCommitment">
         <span><v-icon icon="$timerSand" /> <b>Time Commitment:</b> {{ timeCommitment(gameData.timeCommitment) }}</span>
       </v-col>
       <v-col