From f34354fd1b363e1473a62c140ab8855581d5bf02 Mon Sep 17 00:00:00 2001
From: Erik Tallang <e.tallang@gmail.com>
Date: Thu, 13 Jun 2024 15:52:28 +0200
Subject: [PATCH] fix: lint issues

---
 .../game-multiplayer/services/pairing.service.ts    |  3 ++-
 src/app/welcome/welcome.component.html              | 12 +++---------
 src/app/welcome/welcome.component.scss              | 13 ++++++++-----
 3 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/app/game/game-multiplayer/services/pairing.service.ts b/src/app/game/game-multiplayer/services/pairing.service.ts
index 9bfaf809..52700584 100644
--- a/src/app/game/game-multiplayer/services/pairing.service.ts
+++ b/src/app/game/game-multiplayer/services/pairing.service.ts
@@ -9,7 +9,8 @@ export class PairingService {
 
   constructor() {
     const id = localStorage.getItem('pairID');
-    id ? this.setPairID(id) : this.setPairID(environment.PAIR_ID ?? '');
+
+    this.setPairID(id ?? environment.PAIR_ID ?? '');
   }
 
   getPairID() {
diff --git a/src/app/welcome/welcome.component.html b/src/app/welcome/welcome.component.html
index 1e43b685..04d431db 100644
--- a/src/app/welcome/welcome.component.html
+++ b/src/app/welcome/welcome.component.html
@@ -1,14 +1,8 @@
 <div class="container-background">
   <div class="container">
-    <div>
-      <img
-        class="logo"
-        src="assets/logo/IO-logo-inverted_transparent-bg.png"
-        alt="logo"
-        (click)="goToAdmin()"
-        aria-label="Gå til admin side"
-      />
-    </div>
+    <button class="logo" (click)="goToAdmin()">
+      <img src="assets/logo/IO-logo-inverted_transparent-bg.png" alt="logo" aria-label="Gå til admin side" />
+    </button>
     <div class="play-container">
       <div class="text-container">
         <div class="avatar"><img class="avatar-image" src="assets/logo/io_logoanimasjon.gif" alt="avatar" /></div>
diff --git a/src/app/welcome/welcome.component.scss b/src/app/welcome/welcome.component.scss
index 3d4c0255..5aa0e738 100644
--- a/src/app/welcome/welcome.component.scss
+++ b/src/app/welcome/welcome.component.scss
@@ -1,19 +1,16 @@
 @import '../../variables.scss';
 
-// .ng-star-inserted {
-//   height: 100px !important;
-// }
 .container-background {
   position: relative;
 }
 .container-background:before {
-  content: "";
+  content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
-  background-image: url("../../assets/background/io_rutemoenster-inverted.png");
+  background-image: url('../../assets/background/io_rutemoenster-inverted.png');
   background-size: cover;
   background-color: black;
 }
@@ -117,7 +114,13 @@ a {
   margin: 35px;
   height: 44px;
   width: 70px;
+  cursor: default;
+
+  img {
+    width: 100%;
+  }
 }
+
 .play-game-button {
   background: $button_background_color;
   color: $button_content_color;