[APT-1671] Sidebar refinements (#144)

- Remove left border from subsections
- Use semi-bold font instead of bold
- Tightened up horizontal padding to reduce wrapping
- Smaller disclosure carat
- Special styling for guide titles
- Fixed names of some guides

Author: ebeneliason

sidebars/compliance-guide.js

@@ -1,6 +1,6 @@
 const complianceGuide = [
   {
-    label: "Achieve Compliance Guide",
+    label: "CIS Benchmark Compliance Guide",
     type: "category",
     link: {
       type: "doc",

sidebars/landing-zone-guide.js

@@ -1,6 +1,6 @@
 const landingZoneGuide = [
   {
-    label: "Landing Zone Guides",
+    label: "Landing Zone Guide",
     type: "category",
     link: {
       type: "doc",

src/css/custom.css

@@ -204,15 +204,33 @@ html[data-theme="dark"] aside {
 }
 
 .menu__list-item > .menu__list > .menu__list-item:last-child {
-  padding-bottom: 1.5rem;
+  padding-bottom: 0.5rem;
 }
 
-nav.menu > ul.theme-doc-sidebar-menu > .menu__list-item > .menu__list {
-  border-left: 1px solid var(--ifm-toc-border-color);
+.menu__list-item-collapsible a {
+  font-weight: 600;
+}
+
+/* Special styles for top level guide titles */
+.menu__list-item-collapsible a:not(.menu__link--sublist) {
+  text-transform: uppercase;
+  font-size: 0.85rem;
+  letter-spacing: 0.05rem;
+}
+
+/* Hide disclosure carats on top level of guides */
+.menu__list-item-collapsible a:not(.menu__link--sublist) + button {
+  display: none;
+}
+
+.menu__link,
+.menu__caret {
+  padding-right: calc(var(--ifm-menu-link-padding-horizontal) / 3);
 }
 
-.menu__link--sublist {
-  font-weight: bold;
+.menu__link:after,
+.menu__caret:before {
+  background: var(--ifm-menu-link-sublist-icon) 50% / 1.25rem 1.25rem;
 }
 
 html[data-theme="light"] .menu__link--sublist {