From c28cfc2fd347f580d43b87ac04ea0aacef97503d Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 13:03:23 +0300
Subject: [PATCH] =?UTF-8?q?ScrollUpButton:=2040=C3=9740,=20extra-blue=20bg?=
 =?UTF-8?q?,=20right:=2030px=20/=20bottom:=2080px=20(Angular=20parity)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/layout/ScrollUpButton.scss | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/ui/layout/ScrollUpButton.scss b/src/ui/layout/ScrollUpButton.scss
index 54c185a0..15ea0209 100644
--- a/src/ui/layout/ScrollUpButton.scss
+++ b/src/ui/layout/ScrollUpButton.scss
@@ -1,16 +1,20 @@
 @use "../../styles/colors" as colors;
 @use "../../styles/shadows" as shadows;
 
+// Mirrors Angular `scroll-up-button`: a 40×40 circular button pinned
+// at right: 30px / bottom: 80px, filled with $extra-blue and a thin
+// blue-extra-light ring. Original React values (48×48, right/bottom:
+// 40px, $blue-light) diverged enough to fail visual-parity checks.
 .scroll-up-button {
   position: fixed;
-  bottom: 40px;
-  right: 40px;
-  z-index: 1100;
-  width: 48px;
-  height: 48px;
+  bottom: 80px;
+  right: 30px;
+  z-index: 2000;
+  width: 40px;
+  height: 40px;
   border-radius: 50%;
-  border: none;
-  background-color: colors.$blue-light;
+  border: 1px solid colors.$blue-extra-light;
+  background-color: colors.$extra-blue;
   color: colors.$white;
   cursor: pointer;
   display: flex;
@@ -19,12 +23,8 @@
   @include shadows.box-shadow-small;
   transition: background-color 0.2s, opacity 0.2s;
 
-  &:hover {
-    background-color: colors.$blue-light--hover;
-  }
-
   svg {
-    width: 20px;
-    height: 20px;
+    width: 16px;
+    height: 16px;
   }
 }