From 42909a007da6a84e7def0deb2797497af7b625a4 Mon Sep 17 00:00:00 2001
From: Florian Sylvain <floriansylvainpro@gmail.com>
Date: Wed, 25 Jan 2023 23:12:35 +0100
Subject: [PATCH] Added outlines style on diverse components

---
 web/admin-gui/src/assets/base.css       | 11 +++++++++++
 web/admin-gui/src/components/Navbar.vue |  4 ++++
 2 files changed, 15 insertions(+)

diff --git a/web/admin-gui/src/assets/base.css b/web/admin-gui/src/assets/base.css
index 9552b9f..3028c74 100644
--- a/web/admin-gui/src/assets/base.css
+++ b/web/admin-gui/src/assets/base.css
@@ -103,6 +103,12 @@ th,
 	border-radius: var(--radius);
 }
 
+.label-input input:focus,
+.label-input-error input:focus {
+	border-color: var(--primary);
+	outline: solid 3px var(--primary-light);
+}
+
 .tags {
 	display: flex;
 	flex-wrap: wrap;
@@ -181,6 +187,11 @@ th,
 	cursor: default;
 }
 
+.button-primary:focus,
+.button-secondary:focus {
+	outline: solid 3px var(--primary-light);
+}
+
 .tox-tinymce {
 	border: none !important;
 	border-radius: 0 !important;
diff --git a/web/admin-gui/src/components/Navbar.vue b/web/admin-gui/src/components/Navbar.vue
index 8bc7072..4cd58bf 100644
--- a/web/admin-gui/src/components/Navbar.vue
+++ b/web/admin-gui/src/components/Navbar.vue
@@ -78,6 +78,10 @@ header nav a:hover {
 	background-color: var(--neutral-verylight);
 }
 
+header nav a:focus {
+	outline: solid 3px var(--primary-light);
+}
+
 .disconnect-link {
 	margin-left: auto;
 }