From 19ad2adc17c94aa85a87bbbf580f1adb1e3429f8 Mon Sep 17 00:00:00 2001
From: nicfreeman1209 <nicfreeman1209@gmail.com>
Date: Wed, 5 May 2021 20:06:23 +0100
Subject: [PATCH] requested changes

---
 src/components/modals/VoteHistoryModal.vue | 54 +++++++++++-----------
 src/store/socket.js                        |  6 +--
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/src/components/modals/VoteHistoryModal.vue b/src/components/modals/VoteHistoryModal.vue
index ce3b0ef..83abebf 100644
--- a/src/components/modals/VoteHistoryModal.vue
+++ b/src/components/modals/VoteHistoryModal.vue
@@ -8,35 +8,28 @@
       @click="clearVoteHistory"
       icon="trash-alt"
       class="clear"
-      title="Clear history"
+      title="Clear vote history"
       v-if="session.isSpectator"
     />
 
-    <h3>Nomination history</h3>
+    <h3>Vote history</h3>
 
     <template v-if="!session.isSpectator">
-      <table>
-        <tr>
-          <td class="option">
-            <div class="option" @click="setRecordVoteHistory">
-              <font-awesome-icon
-                :icon="[
-                  'fas',
-                  session.isVoteHistoryAllowed ? 'check-square' : 'square'
-                ]"
-              />
-              Allow players to view this?
-            </div>
-          </td>
-          <td></td>
-          <td>
-            <div class="option" @click="clearVoteHistory">
-              <font-awesome-icon icon="trash-alt" />
-              Clear players vote histories
-            </div>
-          </td>
-        </tr>
-      </table>
+      <div class="options">
+        <div class="option" @click="setRecordVoteHistory">
+          <font-awesome-icon
+            :icon="[
+              'fas',
+              session.isVoteHistoryAllowed ? 'check-square' : 'square'
+            ]"
+          />
+          Accessible to players
+        </div>
+        <div class="option" @click="clearVoteHistory">
+          <font-awesome-icon icon="trash-alt" />
+          Clear for everyone
+        </div>
+      </div>
     </template>
     <table>
       <thead>
@@ -114,8 +107,7 @@ export default {
         !this.session.isVoteHistoryAllowed
       );
     },
-    ...mapMutations(["toggleModal"]),
-    ...mapMutations("session", ["clearVoteHistory"])
+    ...mapMutations(["toggleModal"])
   }
 };
 </script>
@@ -133,11 +125,21 @@ export default {
   }
 }
 
+.options {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  justify-content: center;
+  align-content: center;
+}
+
 .option {
   color: white;
   text-decoration: none;
+  margin: 0 15px 0 15px;
   &:hover {
     color: red;
+    cursor: pointer;
   }
 }
 
diff --git a/src/store/socket.js b/src/store/socket.js
index f48ad82..5efa7c2 100644
--- a/src/store/socket.js
+++ b/src/store/socket.js
@@ -175,6 +175,7 @@ class LiveSession {
       case "isVoteHistoryAllowed":
         if (!this._isSpectator) return;
         this._store.commit("session/setVoteHistoryAllowed", params);
+        this._store.commit("session/clearVoteHistory");
         break;
       case "votingSpeed":
         if (!this._isSpectator) return;
@@ -346,10 +347,7 @@ class LiveSession {
     });
     if (!isLightweight) {
       this._store.commit("toggleNight", !!isNight);
-      this._store.commit(
-        "session/setVoteHistoryAllowed",
-        isVoteHistoryAllowed
-      );
+      this._store.commit("session/setVoteHistoryAllowed", isVoteHistoryAllowed);
       this._store.commit("session/nomination", {
         nomination,
         votes,