From 79c4f06ade7be7af8c7aa71bd3d0b953c234e4d1 Mon Sep 17 00:00:00 2001
From: ignace <contact@ignacemaes.com>
Date: Sat, 3 Feb 2024 21:20:43 +0100
Subject: [PATCH 1/3] style: sidebar tweaks

---
 addon/styles/addon.css        |  2 +-
 addon/styles/on-this-page.css | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/addon/styles/addon.css b/addon/styles/addon.css
index bd43aaac..ebe9c2d1 100644
--- a/addon/styles/addon.css
+++ b/addon/styles/addon.css
@@ -74,7 +74,7 @@ main {
 
 .guides-article-wrapper {
   display: grid;
-  gap: 3em;
+  gap: 6em;
   grid-template-columns: minmax(20ch, 80ch) 16em;
   padding-top: var(--spacing-4);
   padding-bottom: var(--spacing-4);
diff --git a/addon/styles/on-this-page.css b/addon/styles/on-this-page.css
index b809ed9f..d61e0b8d 100644
--- a/addon/styles/on-this-page.css
+++ b/addon/styles/on-this-page.css
@@ -1,10 +1,18 @@
+.on-this-page-wrapper {
+  font-size: var(--font-size-sm);
+}
+
 .on-this-page-wrapper ul {
   list-style: none;
   padding: 0;
+  padding-left: var(--spacing-2);
+  margin-top: var(--spacing-2);
+  border-left: 2px solid var(--color-gray-300);
 }
 
 .on-this-page-wrapper-header {
   color: var(--color-gray-600);
+  font-weight: var(--font-weight-3);
 }
 
 .on-this-page-wrapper hr {
@@ -14,6 +22,13 @@
 
 main .on-this-page-wrapper a {
   text-decoration: none;
-  color: var(--color-text);
+  color: var(--color-gray-600);
   background: none;
+  padding: 2px 0;
+  display: block;
+  transition: color 0.2s ease;
+}
+
+main .on-this-page-wrapper a:hover {
+  color: var(--color-gray-800);
 }

From 3356a88d1853dc4c6980b23c87556ed3205d04b6 Mon Sep 17 00:00:00 2001
From: ignace <contact@ignacemaes.com>
Date: Sat, 3 Feb 2024 21:39:31 +0100
Subject: [PATCH 2/3] style: revert gap change

---
 addon/styles/addon.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addon/styles/addon.css b/addon/styles/addon.css
index ebe9c2d1..bd43aaac 100644
--- a/addon/styles/addon.css
+++ b/addon/styles/addon.css
@@ -74,7 +74,7 @@ main {
 
 .guides-article-wrapper {
   display: grid;
-  gap: 6em;
+  gap: 3em;
   grid-template-columns: minmax(20ch, 80ch) 16em;
   padding-top: var(--spacing-4);
   padding-bottom: var(--spacing-4);

From e359c78b54a49080f521d54fd7ad6e7e7994f408 Mon Sep 17 00:00:00 2001
From: ignace <contact@ignacemaes.com>
Date: Sat, 3 Feb 2024 21:57:59 +0100
Subject: [PATCH 3/3] style: remove padding top

---
 addon/styles/addon.css | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/addon/styles/addon.css b/addon/styles/addon.css
index bd43aaac..ced5038c 100644
--- a/addon/styles/addon.css
+++ b/addon/styles/addon.css
@@ -85,10 +85,6 @@ main {
   margin: var(--spacing-4) 0;
 }
 
-.on-this-page-wrapper {
-  margin-top: .6em;
-}
-
 @media (max-width: 80em) {
   .guides-article-wrapper {
     display: grid;