From dc6308d4ba944aed780c4abb6600815e74f9a63b Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 18 Apr 2024 15:15:48 +0800
Subject: [PATCH] Add background color and padding to content nav

---
 src/_includes/main/content-nav.njk | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/_includes/main/content-nav.njk b/src/_includes/main/content-nav.njk
index 1d13e1a9..ec9ce326 100644
--- a/src/_includes/main/content-nav.njk
+++ b/src/_includes/main/content-nav.njk
@@ -1,6 +1,6 @@
 <aside class="right-sidebar">
     <nav class="content__nav sidebar--sticky">
-        <h2 class="content__nav--title">Content Index</h2>
+        <h2 class="content__nav--title">My Contents</h2>
         <ul class="content__nav--links">
             {% for archive in collections.archive %}
                 <li><a href="{{ archive.url }}">{{ archive.data.title }}</a></li>
@@ -15,7 +15,8 @@
 
 <style>
     .content__nav {
-        padding-left: 0.5em;
+        padding: 1.2em clamp(1em, 5%, 1.5em);
+        background-color: var(--clr-content-bg);
     }
 
     .content__nav--title {