From f39473e26e15b37205b40914427b7cd63932d26c Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Mon, 25 May 2026 14:52:36 +0000
Subject: [PATCH] Link header logo to front page

---
 frontend/src/components/Header.vue | 4 +++-
 frontend/src/styles/main.css       | 5 +++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Header.vue b/frontend/src/components/Header.vue
index 3687270..1d5e535 100644
--- a/frontend/src/components/Header.vue
+++ b/frontend/src/components/Header.vue
@@ -1,7 +1,9 @@
 <template>
   <header class="header" :class="[`header-${position}`]">
     <div class="header-left">
-      <img :src="logoUrl" alt="MediaHive" class="header-logo" />
+      <RouterLink to="/" class="header-logo-link" aria-label="Go to front page">
+        <img :src="logoUrl" alt="MediaHive" class="header-logo" />
+      </RouterLink>
       <nav class="header-nav">
         <!-- Browse mode: show both Movies and Series -->
         <template v-if="!isDetailPage">
diff --git a/frontend/src/styles/main.css b/frontend/src/styles/main.css
index 2fb460f..e41f8de 100644
--- a/frontend/src/styles/main.css
+++ b/frontend/src/styles/main.css
@@ -149,6 +149,11 @@ html.mouse-active ::-webkit-scrollbar-thumb:hover {
   gap: 12px;
 }
 
+.header-logo-link {
+  display: inline-flex;
+  align-items: center;
+}
+
 .header-logo {
   height: 40px;
   width: 40px;