From 1ac37ab6259aa0f8d9962debd5d72155c027f28e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Thu, 21 Apr 2022 17:11:19 +0200
Subject: [PATCH] Web: clearer style for focused action button

---
 web/app/src/App.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/src/App.vue b/web/app/src/App.vue
index f550e033..68380031 100644
--- a/web/app/src/App.vue
+++ b/web/app/src/App.vue
@@ -256,7 +256,8 @@ section.action-bar button.action[disabled] {
 }
 
 section.action-bar button.action:focus {
-  background-color: cadetblue;
+  /* Make sure the outline is clearly visible inside the button. */
+  outline-offset: -0.5em;
 }
 
 section.action-bar button.action.dangerous {