From a2ebae7f4c25fed0099f7dd576da534da3c8934f Mon Sep 17 00:00:00 2001
From: Casper Beckman <casbeck@outlook.com>
Date: Thu, 12 Sep 2024 19:06:54 +0200
Subject: [PATCH 1/3] Make title link to home page (#52)

Co-authored-by: Casper Beckman <casbeck0405@gmail.com>
---
 src/components/Navbar.scss | 3 ++-
 src/components/Navbar.tsx  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar.scss b/src/components/Navbar.scss
index e2bd562..871a8dd 100644
--- a/src/components/Navbar.scss
+++ b/src/components/Navbar.scss
@@ -30,6 +30,7 @@
   }
   & .title {
     color: white;
+    text-decoration:none;
     font-family: "Lato", sans-serif;
     position: absolute;
     width: 100%;
@@ -39,4 +40,4 @@
     padding-top: 0.4em;
     z-index: -1;
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 5e855e1..59f969a 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -48,7 +48,7 @@ export default defineComponent({
             { !this.hideBackButton &&
               <button onClick={this.goBack} data-test="navbarBackButton"><img src={backImage} alt="Gå tillbaka"/></button> }
           </div>
-          <div class="title">Sångboken</div>
+          <a class="title" href="https://f.kth.se/sangbok">Sångboken</a>
           <div style="float: right;" data-test="settingsButtonWrapper">
             {!this.showSettings && <button onClick={() => { this.showSettings = true }} data-test="navbarShowSettingsButton"><img src={settingsImage} alt="Visa inställningar" /></button>}
             {this.showSettings && <button onClick={() => { this.showSettings = false }} data-test="navbarHideSettingsButton"><img src={crossImage} alt="Dölj inställningar" /></button>}

From a3e723392887159cc36cffc5939c16c8f47923a0 Mon Sep 17 00:00:00 2001
From: Casper Beckman <casbeck@outlook.com>
Date: Fri, 13 Sep 2024 17:12:20 +0200
Subject: [PATCH 2/3] Title link (#53)

* Make title link to home page

* Make title link to home page, make title stay centered

---------

Co-authored-by: Casper Beckman <casbeck0405@gmail.com>
Co-authored-by: William Kraft <78235145+ZekeWK@users.noreply.github.com>
---
 src/components/Navbar.scss | 4 ++++
 src/components/Navbar.tsx  | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/components/Navbar.scss b/src/components/Navbar.scss
index 871a8dd..1c763c3 100644
--- a/src/components/Navbar.scss
+++ b/src/components/Navbar.scss
@@ -39,5 +39,9 @@
     font-size: 1.1em;
     padding-top: 0.4em;
     z-index: -1;
+    a {
+      color: inherit;
+      text-decoration: inherit;
+    }
   }
 }
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 59f969a..0964d32 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -48,6 +48,7 @@ export default defineComponent({
             { !this.hideBackButton &&
               <button onClick={this.goBack} data-test="navbarBackButton"><img src={backImage} alt="Gå tillbaka"/></button> }
           </div>
+          <div class="title"><a href="https://f.kth.se/sangbok">Sångboken</a></div>
           <a class="title" href="https://f.kth.se/sangbok">Sångboken</a>
           <div style="float: right;" data-test="settingsButtonWrapper">
             {!this.showSettings && <button onClick={() => { this.showSettings = true }} data-test="navbarShowSettingsButton"><img src={settingsImage} alt="Visa inställningar" /></button>}

From 4e00f204da1f48f1616199ed99d4e807ac53f878 Mon Sep 17 00:00:00 2001
From: William Kraft <78235145+ZekeWK@users.noreply.github.com>
Date: Fri, 13 Sep 2024 17:39:49 +0200
Subject: [PATCH 3/3] Title link (#54)

---
 src/components/Navbar.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 0964d32..d23b5b1 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -49,7 +49,6 @@ export default defineComponent({
               <button onClick={this.goBack} data-test="navbarBackButton"><img src={backImage} alt="Gå tillbaka"/></button> }
           </div>
           <div class="title"><a href="https://f.kth.se/sangbok">Sångboken</a></div>
-          <a class="title" href="https://f.kth.se/sangbok">Sångboken</a>
           <div style="float: right;" data-test="settingsButtonWrapper">
             {!this.showSettings && <button onClick={() => { this.showSettings = true }} data-test="navbarShowSettingsButton"><img src={settingsImage} alt="Visa inställningar" /></button>}
             {this.showSettings && <button onClick={() => { this.showSettings = false }} data-test="navbarHideSettingsButton"><img src={crossImage} alt="Dölj inställningar" /></button>}