requested changes

src/components/modals/VoteHistoryModal.vue

@@ -8,16 +8,14 @@
       @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="options">
         <div class="option" @click="setRecordVoteHistory">
           <font-awesome-icon
             :icon="[
@@ -25,18 +23,13 @@
               session.isVoteHistoryAllowed ? 'check-square' : 'square'
             ]"
           />
-              Allow players to view this?
+          Accessible to players
         </div>
-          </td>
-          <td></td>
-          <td>
         <div class="option" @click="clearVoteHistory">
           <font-awesome-icon icon="trash-alt" />
-              Clear players vote histories
+          Clear for everyone
+        </div>
       </div>
-          </td>
-        </tr>
-      </table>
     </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;
   }
 }
 

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,