Adjust styles to look like existing spacing

assets/_main.scss

@@ -49,11 +49,11 @@ aside nav ul {
   list-style: none;
 
   li {
-    margin: 1em 0;
     position: relative;
   }
 
-  a {
+  a, span {
+    padding: .5em 0;
     display: block;
   }
 
@@ -136,10 +136,12 @@ a .book-icon {
 
   input.toggle + label::after {
     content: "▸";
+    align-self: center;
   }
 
   input.toggle:checked + label::after {
     content: "▾";
+    align-self: center;
   }
 }
 
@@ -155,7 +157,7 @@ body[dir="rtl"] .book-menu {
 }
 
 .book-section-flat {
-  margin: $padding-16 * 2 0;
+  margin: $padding-16 0;
 
   > a,
   > span,
@@ -210,7 +212,7 @@ body[dir="rtl"] .book-menu {
 
 .book-search {
   position: relative;
-  margin: $padding-16 0;
+  margin: $padding-8 0;
   border-bottom: 1px solid transparent;
 
   input {
@@ -244,6 +246,10 @@ body[dir="rtl"] .book-menu {
     @include spin(1s);
   }
 
+  ul a {
+    padding-bottom: 0;
+  }
+
   small {
     opacity: 0.5;
   }
@@ -280,7 +286,7 @@ body[dir="rtl"] .book-menu {
 }
 
 .book-languages {
-  margin-block-end: $padding-16 * 2;
+  margin-bottom: $padding-16;
 
   ul {
     padding-inline-start: 1.5em;