added indication for uprank and downrank

src/views/Player.vue

@@ -140,6 +140,7 @@
                     :alt="DisplayRank(match.stats.rank?.new)[1]"
                     :src="DisplayRank(match.stats.rank?.new)[0]"
                     :title="DisplayRank(match.stats.rank?.new)[1]"
+                    :class="match.stats.rank?.new > match.stats.rank?.old ? 'uprank' : match.stats.rank?.new < match.stats.rank?.old ? 'downrank' : ''"
                     class="rank-icon">
               </td>
               <td class="td-length text-center">
@@ -591,7 +592,19 @@ table {
       }
     }
 
-    .td-rank img {
+    .td-rank {
+      .uprank {
+        box-shadow: 0 0 20px greenyellow;
+        border: 1px solid greenyellow;
+        border-radius: 5px;
+      }
+      .downrank {
+        box-shadow: 0 0 20px #ff2f2f;
+        border: 1px solid #ff2f2f;
+        border-radius: 5px;
+      }
+
+      img {
         width: 70px;
         height: auto;
 
@@ -599,6 +612,7 @@ table {
           height: 35px;
         }
       }
+    }
 
     .td-score {
       font-size: 1.2rem;
@@ -623,6 +637,7 @@ table {
       cursor: pointer;
     }
   }
+
 }
 
 @media screen and (max-width: 768px) {