fixed broken icon

src/components/FlashChart.vue

@@ -4,9 +4,9 @@
     <div class="flexbreak"></div>
     <div class="toggle-btn">
       <span class="fs-6 text-muted" @click="toggleShow">
-        <span v-if="toggle === 'duration'">Count:</span><span v-if="toggle === 'total'">Duration:</span>
-        <i id="toggle-off" class="fas fa-toggle-off show" title="Flashcount"></i>
-        <i id="toggle-on" class="fas fa-toggle-on" title="Flashduration"></i>
+        <span>Count: </span>
+        <i id="toggle-off" class="fa fa-toggle-off show"></i>
+        <i id="toggle-on" class="fa fa-toggle-on"></i>
       </span>
     </div>
     <div class="flexbreak"></div>
@@ -44,8 +44,8 @@ export default {
         onBtn.classList.add('show')
         toggle.value = 'total'
       } else if (onBtn.classList.contains('show')) {
-        offBtn.classList.add('show')
         onBtn.classList.remove('show')
+        offBtn.classList.add('show')
         toggle.value = 'duration'
       }
     }
@@ -190,7 +190,7 @@ export default {
     margin: 1rem auto 0;
     cursor: pointer;
 
-    .fas {
+    .fa {
       display: none;
       margin-left: 5px;
 

src/views/Player.vue

@@ -22,7 +22,7 @@
                   title="Open steam profile">{{
                   store.state.playerDetails.name
                 }}
-                <i class="fa fa-external-link"></i>
+                <i class="fa fa-steam"></i>
               </a></h3>
               <table class="table table-borderless text-center">
                 <tr>