From 58c5329781512c80cecaa9ad3fde89a6f7b9c7bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Fri, 12 Apr 2024 15:02:53 +0200
Subject: [PATCH] fix(webui): Footer correctly displays over content

also a11y fixes, import fix
---
 webui/src/lib/components/layout/Footer.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/webui/src/lib/components/layout/Footer.svelte b/webui/src/lib/components/layout/Footer.svelte
index e6d2f2a..a355b79 100644
--- a/webui/src/lib/components/layout/Footer.svelte
+++ b/webui/src/lib/components/layout/Footer.svelte
@@ -2,7 +2,7 @@
 	import Icon from '../utils/Icon.svelte';
 	import Jobs from './Jobs.svelte';
 	import Notifications from './Notifications.svelte';
-	import { i18n } from '../../i18n';
+	import { i18n } from '$lib/i18n';
 
 	let hidden = true;
 	let activeJobs: number;
@@ -20,6 +20,8 @@
 		on:keydown={(ev) => {
 			if (['Space', 'Enter'].includes(ev.key)) hidden = !hidden;
 		}}
+		role="button"
+		tabindex="-1"
 	>
 		<div class="info">
 			{#if activeJobs > 0}
@@ -42,6 +44,7 @@
 		position: fixed;
 		bottom: 0;
 		width: 100%;
+		z-index: 9;
 
 		display: flex;
 		flex-direction: column;