From 6f16b535884bd8f51317e48a3b11f8526e563d2c Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Wed, 12 Jun 2024 16:57:58 +0800
Subject: [PATCH] =?UTF-8?q?=D0=A8=D0=B5=D0=B1=D1=83=D1=80=D1=88=D0=B8?=
 =?UTF-8?q?=D1=82=20=D0=B2=20=D0=BE=D0=B3=D0=BB=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/article-nav.css | 15 ++++++++++-----
 src/styles/blocks/toc.css         |  8 +++++++-
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/styles/blocks/article-nav.css b/src/styles/blocks/article-nav.css
index 0f98c5c1..89a4c1a1 100644
--- a/src/styles/blocks/article-nav.css
+++ b/src/styles/blocks/article-nav.css
@@ -9,9 +9,10 @@
 @media (width >= 1024px) {
   .article-nav {
     --offset: 10px;
-    padding: var(--offset);
+    padding: calc(var(--offset) * 2);
     font-size: inherit;
     border-bottom: 0;
+    overflow: auto;
   }
 }
 
@@ -33,7 +34,7 @@
 .article-nav__content {
   display: none;
   box-sizing: border-box;
-  padding: 18px 0 var(--offset);
+  padding: var(--offset) 0;
   line-height: 1.8;
 }
 
@@ -41,13 +42,18 @@
   .article-nav__content {
     display: initial;
     overflow: auto;
-    padding: var(--offset);
     height: 100%;
-    line-height: 2;
+    line-height: 1.8;
     overscroll-behavior: contain;
   }
 }
 
+@media (width >= 1366px) {
+  .article-nav__content {
+    line-height: 1.6;
+  }
+}
+
 .toggle-button__icon--open .article-nav__toggle {
   display: none;
 }
@@ -57,7 +63,6 @@
   display: inline-flex;
   justify-content: space-between;
   align-items: center;
-  padding: var(--offset);
   width: 100%;
   font-size: inherit;
   border: 0;
diff --git a/src/styles/blocks/toc.css b/src/styles/blocks/toc.css
index 403ebb92..5f8199f4 100644
--- a/src/styles/blocks/toc.css
+++ b/src/styles/blocks/toc.css
@@ -3,7 +3,13 @@
 }
 
 .toc__item {
-  padding-left: 10px;
+  padding-inline-start: 10px;
+}
+
+@media (width < 1024px) {
+  .toc__item:first-of-type {
+    padding-inline-end: 60px;
+  }
 }
 
 .toc__link {