From cd8690ffa2e8ab700726c2142f02d261ea2b4dbd Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Fri, 28 Jan 2022 23:42:33 +0100
Subject: [PATCH] UX: Adjust spacing and max height for subsections (#28)

---
 common/common.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index 83d7f69..19c98cb 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -26,7 +26,7 @@ $padding-basis: 0.75em;
       margin: 0;
       padding: 0;
       padding-left: $padding-basis;
-      line-height: 1.6em;
+      line-height: var(--line-height-large);
       > ul {
         max-height: 0;
         overflow: hidden;
@@ -36,7 +36,7 @@ $padding-basis: 0.75em;
       &.active,
       .d-toc-wrapper.overlay & {
         ul {
-          max-height: 150em;
+          max-height: 500em;
           overflow: visible;
           opacity: 1;
         }
@@ -60,6 +60,12 @@ $padding-basis: 0.75em;
 
     > ul > li > ul {
       font-size: var(--font-down-1);
+      > li:first-child {
+        padding-top: 0.25em;
+      }
+      > li {
+        padding-bottom: 0.15em;
+      }
       li.direct-active > a:before {
         // it's odd that we need this
         margin-left: -1px;