From 468df9e2582da1d523f60923b2c25653899fca13 Mon Sep 17 00:00:00 2001
From: Stefan Popov <17688105+stefashkaa@users.noreply.github.com>
Date: Fri, 24 Mar 2023 09:30:15 +0100
Subject: [PATCH 1/3] Fix action button styles in status bar

---
 src/components/App/Footer/FooterPopper.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/App/Footer/FooterPopper.vue b/src/components/App/Footer/FooterPopper.vue
index 54e5baf87..494fbd19f 100644
--- a/src/components/App/Footer/FooterPopper.vue
+++ b/src/components/App/Footer/FooterPopper.vue
@@ -165,10 +165,15 @@ $footer-action-background-color: #f7f3f4;
       }
     }
     &__action {
-      box-shadow: none;
       margin-left: 30px;
-      background: $footer-action-background-color;
-      color: $footer-action-color;
+      &,
+      &:hover,
+      &:focus,
+      &:active {
+        box-shadow: none;
+        background: $footer-action-background-color;
+        color: $footer-action-color;
+      }
     }
   }
 }

From 5eb444bebd2ddcf3c7b4cb8b369c00fadd7c5122 Mon Sep 17 00:00:00 2001
From: Stefan Popov <17688105+stefashkaa@users.noreply.github.com>
Date: Fri, 24 Mar 2023 09:37:46 +0100
Subject: [PATCH 2/3] Fix z-index

---
 src/components/Disclaimer.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Disclaimer.vue b/src/components/Disclaimer.vue
index 02e5cd44c..026ab1c05 100644
--- a/src/components/Disclaimer.vue
+++ b/src/components/Disclaimer.vue
@@ -86,6 +86,12 @@ export default class Disclaimer extends Mixins(TranslationMixin) {
 }
 </script>
 
+<style lang="scss">
+.disclaimer__prefix {
+  color: var(--s-color-theme-accent);
+}
+</style>
+
 <style lang="scss" scoped>
 .disclaimer {
   background-color: var(--s-color-utility-surface);
@@ -98,7 +104,7 @@ export default class Disclaimer extends Mixins(TranslationMixin) {
   position: absolute;
   top: var(--s-size-mini);
   right: var(--s-size-mini);
-  z-index: 5;
+  z-index: $app-above-loader-layer;
 
   &__header {
     display: flex;
@@ -139,9 +145,3 @@ export default class Disclaimer extends Mixins(TranslationMixin) {
   }
 }
 </style>
-
-<style lang="scss">
-.disclaimer__prefix {
-  color: var(--s-color-theme-accent);
-}
-</style>

From df9d8ab5ac95424efdc7f1248569cb9b2f6aee3d Mon Sep 17 00:00:00 2001
From: Stefan Popov <17688105+stefashkaa@users.noreply.github.com>
Date: Fri, 24 Mar 2023 10:01:07 +0100
Subject: [PATCH 3/3] Fix outline styles

---
 src/components/Disclaimer.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Disclaimer.vue b/src/components/Disclaimer.vue
index 026ab1c05..8185c9f28 100644
--- a/src/components/Disclaimer.vue
+++ b/src/components/Disclaimer.vue
@@ -36,6 +36,7 @@
 
 <script lang="ts">
 import { Component, Mixins } from 'vue-property-decorator';
+
 import TranslationMixin from '@/components/mixins/TranslationMixin';
 import { delay } from '@/utils';
 import { mutation, state } from '@/store/decorators';
@@ -87,8 +88,13 @@ export default class Disclaimer extends Mixins(TranslationMixin) {
 </script>
 
 <style lang="scss">
-.disclaimer__prefix {
-  color: var(--s-color-theme-accent);
+.disclaimer {
+  &__prefix {
+    color: var(--s-color-theme-accent);
+  }
+  .link {
+    @include focus-outline;
+  }
 }
 </style>