From 71b4db48190dbef21387143abeb030dfb5e1e57b Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 21 Mar 2025 14:02:18 +0400
Subject: [PATCH] UI: Design adjustments (#5745)

---
 src/components/left/settings/Settings.scss             | 2 +-
 src/components/right/Profile.scss                      | 2 +-
 src/components/right/RightColumn.scss                  | 2 +-
 src/components/right/statistics/Statistics.module.scss | 2 +-
 src/components/ui/ListItem.scss                        | 7 ++++++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/left/settings/Settings.scss b/src/components/left/settings/Settings.scss
index 356934ce5..0122a48f7 100644
--- a/src/components/left/settings/Settings.scss
+++ b/src/components/left/settings/Settings.scss
@@ -39,7 +39,7 @@
 
 .settings-content {
   border-top: 1px solid transparent;
-  transition: border-top-color 250ms ease-in-out;
+  transition: border-top-color 0.2s ease-in-out;
   height: calc(100% - var(--header-height));
 
   overflow-y: scroll;
diff --git a/src/components/right/Profile.scss b/src/components/right/Profile.scss
index 7c495e6c6..12a00fd50 100644
--- a/src/components/right/Profile.scss
+++ b/src/components/right/Profile.scss
@@ -9,7 +9,7 @@
   overflow-y: scroll;
 
   border-top: 1px solid transparent;
-  transition: border-top-color 250ms ease-in-out;
+  transition: border-top-color 0.2s ease-in-out;
 
   &.scrolled {
     border-top-color: var(--color-borders);
diff --git a/src/components/right/RightColumn.scss b/src/components/right/RightColumn.scss
index f121513d8..8b9dc1f2b 100644
--- a/src/components/right/RightColumn.scss
+++ b/src/components/right/RightColumn.scss
@@ -34,7 +34,7 @@
 
   .panel-content {
     border-top: 1px solid transparent;
-    transition: border-top-color 250ms ease-in-out;
+    transition: border-top-color 0.2s ease-in-out;
 
     &.scrolled {
       border-top-color: var(--color-borders);
diff --git a/src/components/right/statistics/Statistics.module.scss b/src/components/right/statistics/Statistics.module.scss
index 51d11b24c..dc9025d82 100644
--- a/src/components/right/statistics/Statistics.module.scss
+++ b/src/components/right/statistics/Statistics.module.scss
@@ -4,7 +4,7 @@
   overflow-y: hidden;
 
   border-top: 1px solid transparent;
-  transition: border-top-color 0.3s ease-in-out;
+  transition: border-top-color 0.2s ease-in-out;
 
   :global(.lovely-chart--container) {
     font: inherit !important;
diff --git a/src/components/ui/ListItem.scss b/src/components/ui/ListItem.scss
index 7118c04e2..897b08134 100644
--- a/src/components/ui/ListItem.scss
+++ b/src/components/ui/ListItem.scss
@@ -10,6 +10,7 @@
       left: 4.5rem;
       right: 0;
       height: 0.0625rem;
+
       /* stylelint-disable-next-line plugin/whole-pixel */
       box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);
     }
@@ -43,8 +44,12 @@
       left: 3.25rem;
     }
 
+    &.narrow::after {
+      left: 4.1875rem;
+    }
+
     &.no-icon::after {
-      left: 0;
+      left: 1rem;
     }
   }