player menu order

src/components/Menu.vue

@@ -143,11 +143,7 @@
           </template>
         </template>
 
-        <template
-          v-if="
-            tab === 'players' && !session.isSpectator
-          "
-        >
+        <template v-if="tab === 'players' && !session.isSpectator">
           <!-- Users -->
           <li class="headline">Players</li>
           <li @click="addPlayer" v-if="players.length < 20">Add<em>[A]</em></li>

src/components/Player.vue

@@ -131,10 +131,6 @@
           <template v-if="!session.isSpectator">
             <li @click="changeName">
               <font-awesome-icon icon="user-edit" />Rename
-            </li>
-            <li @click="removePlayer">
-              <font-awesome-icon icon="times-circle" />
-              Remove
             </li>
             <li @click="movePlayer()">
               <font-awesome-icon icon="redo-alt" />
@@ -144,6 +140,10 @@
               <font-awesome-icon icon="exchange-alt" />
               Swap seats
             </li>
+            <li @click="removePlayer">
+              <font-awesome-icon icon="times-circle" />
+              Remove
+            </li>
             <template v-if="!session.nomination">
               <li @click="nominatePlayer()">
                 <font-awesome-icon icon="hand-point-right" />
@@ -594,7 +594,8 @@ li.move:not(.from) .player .overlay svg.move {
 }
 
 /****** Vote icon ********/
-.player .has-vote, .player .on-block {
+.player .has-vote,
+.player .on-block {
   color: #fff;
   filter: drop-shadow(0 0 3px black);
   transition: opacity 250ms;