From 1a8f1cc0e3f55a169ec5a79c9446fa797c445286 Mon Sep 17 00:00:00 2001
From: Casper Beckman <casbeck0405@gmail.com>
Date: Thu, 12 Sep 2024 18:54:59 +0200
Subject: [PATCH 1/3] Make title link to home page

---
 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 a54541be2023707a54722016bf56a76b55764d15 Mon Sep 17 00:00:00 2001
From: Casper Beckman <casbeck0405@gmail.com>
Date: Fri, 13 Sep 2024 17:06:10 +0200
Subject: [PATCH 2/3] Make title link to home page, make title stay centered

---
 src/components/Navbar.scss | 4 ++++
 src/components/Navbar.tsx  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

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..d23b5b1 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>
-          <a class="title" href="https://f.kth.se/sangbok">Sångboken</a>
+          <div class="title"><a href="https://f.kth.se/sangbok">Sångboken</a></div>
           <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 c3ce503f3b4655cb083fa0bdc49f739a1e1ac932 Mon Sep 17 00:00:00 2001
From: William Kraft <william.z.kraft@gmail.com>
Date: Fri, 13 Sep 2024 17:32:56 +0200
Subject: [PATCH 3/3] Fix previous mistake having double titles

---
 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>}