Fix the alignment issues for icon and defination list

Author: rakeshAlgo

src/css/doc.css

@@ -430,6 +430,13 @@ ul ul ul {
   width: auto;
 }
 
+.doc span.image {
+  line-height: 1;
+  vertical-align: -0.5em;
+  display: inline-flex;
+  padding: 0 0.25ex;
+}
+
 .doc .abstract blockquote {
   font-size: 0.9375rem;
   margin: 1rem 0 1.5625rem 0;
@@ -619,7 +626,7 @@ table.tableblock pre code.language-bash.hljs {
 }
 
 .doc .dlist dt + dd {
-  margin-top: 0.125rem;
+  margin-top: var(--base-extra-small-space);
 }
 
 .doc .dlist dd > .openblock > .content > :first-child {

src/css/nav.css

@@ -137,31 +137,17 @@
 }
 
 .nav-menu .nav-item[data-depth='0'] > .nav-list {
-  /*
-  margin-top: -0.0625rem;
-  margin-bottom: 0.625rem;
-  */
   margin-bottom: 0.75rem;
-  /* margin-left: 1rem; */
-  /* border-left: 1px solid var(--color-brand-gray5); */
 }
 
-/* .nav-menu .nav-item.is-active.is-active-depth-2[data-depth='0'] > .nav-list {
-  margin-left: 1.875rem;
-  border-left: none;
-} */
-
-/* .nav-menu .nav-item.is-active.is-active-depth-2[data-depth='0'] > .nav-line {
-  display: none;
-} */
-
 .nav-menu .nav-item:not(.is-active) > .nav-list {
   display: none;
 }
 
-/* .nav-menu .nav-item {
-  margin-left: 0.75em;
-} */
+.nav-item[data-depth="1"] span.nav-line {
+  padding-top: var(--base-extra-small-space);
+  padding-bottom: var(--base-extra-small-space);
+}
 
 /* NOTE navigation list without a category */
 .nav-item[data-depth="0"] > .nav-list:first-child {