#28 added tabindex for "home"

src/views/Home.vue

@@ -5,7 +5,7 @@
       <h3 class="mb-lg-5">Open source CSGO data platform</h3>
     </div>
     <div v-if="recentVisited !== null" class="recent-search mt-5 mb-5 row gap-2 justify-content-center">
-      <div v-for="(player, id) in recentVisited" :key="player.steamid64" class="player-card">
+      <div v-for="(player, id) in recentVisited" :key="player.steamid64" class="player-card" tabindex="0" @keyup.enter="GoToPlayer(player.vanity_url || player.steamid64)">
         <div class="p-2" @click="GoToPlayer(player.vanity_url || player.steamid64)">
           <div class="col-md-4 m-auto">
             <img :alt="player.name" :src="player.avatar">
@@ -14,7 +14,7 @@
             <p>{{ player.name }}</p>
           </div>
         </div>
-        <i class="delete fas fa-times" @click="removeRecentVisited(id)"></i>
+        <i class="delete fas fa-times" tabindex="0" @click="removeRecentVisited(id)"></i>
       </div>
     </div>
     <hr v-if="recentVisited !== null" class="m-auto text-muted">
@@ -146,17 +146,22 @@ export default {
       &:hover {
         background: var(--bs-primary);
         cursor: pointer;
+      }
 
-        .delete {
-          display: initial;
-          position: absolute;
-          font-size: 1rem;
-          top: 5px;
-          right: 5px;
+      &:focus {
+        outline: none;
+        background: var(--bs-warning) !important;
+      }
 
-          &:hover {
-            color: maroon;
-          }
+      &:hover > .delete {
+        display: initial;
+        position: absolute;
+        font-size: 1rem;
+        top: 5px;
+        right: 5px;
+
+        &:hover {
+          color: maroon;
         }
       }
 
@@ -180,6 +185,7 @@ export default {
       h1 {
         font-size: 4rem;
       }
+
       h3 {
         font-size: 2rem;
         padding: 0 2rem;