Add y padding and make line spacing tide so wrapped text looks linked…

… together
ScottLogic · Aug 23, 2024 · 1842cc6 · 1842cc6
1 parent a0c9443
commit 1842cc6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/_includes/sideNavigationLevel.html b/_includes/sideNavigationLevel.html
@@ -1,11 +1,11 @@
 <div class="flex flex-col">
   {% for item in include.categories %}
     {% if item.link %}
-    <a href="{{ item.link }}" class="font-light px-4 hover:bg-gunmetal-100 dark:hover:bg-gunmetal-900 {% if page.url == item.link %}text-cambridge-600 dark:text-cambridge-100 font-semibold{% endif %}">
+    <a href="{{ item.link }}" class="font-light leading-tight px-4 py-1 hover:bg-gunmetal-100 dark:hover:bg-gunmetal-900 {% if page.url == item.link %}text-cambridge-600 dark:text-cambridge-100 font-semibold{% endif %}">
       {{ item.name }}
     </a>
     {% else %}
-      <span class="font-light px-4">{{item.name}}</span>
+      <span class="font-light leading-tight px-4 py-1">{{item.name}}</span>
     {% endif %}
     {% if item.categories %}
       <div class="ml-4">