From 6371f9fd9e947a50fc4ff0195c09afe62911326f 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/components/Province.vue | 4 ++--
 app/javascript/src/views/Game.vue          | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

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/components/Province.vue b/app/javascript/src/components/Province.vue
index 092f6428..5141924e 100644
--- a/app/javascript/src/components/Province.vue
+++ b/app/javascript/src/components/Province.vue
@@ -145,9 +145,9 @@ export default {
     province.prepend(provincePath, province.children[0]);
     // Add hoverable effect for maneuvers
     if (this.isValid) {
-      this.$refs.province.children[0].classList.add('hoverable');
+      this.$refs.province.classList.add('hoverable');
     } else {
-      this.$refs.province.children[0].classList.remove('hoverable');
+      this.$refs.province.classList.remove('hoverable');
     }
     if (this.provinceWithFight) {
       this.$refs.province.children[0].children[0].animate([
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