From 0b4ad679b32674d6485a7f8a56b6c13eeb322d30 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 4 Jul 2025 17:16:08 +0200
Subject: [PATCH] chore: adjusted scenery view return button appearance

---
 src/components/SceneryView/SceneryHeader.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/SceneryView/SceneryHeader.vue b/src/components/SceneryView/SceneryHeader.vue
index 90a63f2..c295d04 100644
--- a/src/components/SceneryView/SceneryHeader.vue
+++ b/src/components/SceneryView/SceneryHeader.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="info-header">
     <button
-      class="btn btn-return btn--action"
+      class="btn btn-return"
       :title="$t('scenery.return-btn')"
       @click="onReturnButtonClick"
     >
@@ -56,13 +56,20 @@ function onReturnButtonClick() {
 
 <style lang="scss" scoped>
 @use '../../styles/responsive';
+@use 'sass:color';
 
 .btn-return {
-  margin-bottom: 1em;
+  $bgColor: #2b2b2b;
+  background-color: $bgColor;
+  margin-bottom: 0.5em;
 
   img {
     width: 2em;
   }
+
+  &:hover {
+    background-color: color.adjust($color: $bgColor, $lightness: 15%);
+  }
 }
 
 .scenery-name {