Improve rendering of table of contents for TMiR

Author: vcarl

src/components/Layout/LayoutStyles.js

@@ -57,15 +57,9 @@ const standardLayout = css`
   }
 
   details {
-    margin-bottom: 1rem;
-
     & summary {
       cursor: pointer;
     }
-
-    &:last-of-type {
-      margin-bottom: 2rem;
-    }
   }
 
   blockquote {

src/components/Layout/MainStyles.js

@@ -62,14 +62,11 @@ html body {
   }
 
   ul, ol {
-    padding-left: 3rem;
-
+    padding-left: 1.5rem;
+    padding-top: 0.5rem;
     li {
       margin-bottom: 0.5rem;
     }
-    li:first-of-type {
-      margin-top: 0.5rem;
-    }
   }
 
   h1, h2, h3, h4, h5, h6 {
@@ -136,5 +133,9 @@ html body {
       text-decoration: underline;
     }
   }
+
+  summary::before {
+    margin-right: 0.5rem;
+  }
 }
 `;

src/components/Layout/MarkdownStyles.js

@@ -29,6 +29,9 @@ export const MarkdownStyles = createGlobalStyle`
       text-decoration: underline;
     }
   }
+  code {
+    font-size: 80%;
+  }
   a, code, strong {
     white-space: pre-wrap;
     word-break: break-word;
@@ -58,8 +61,5 @@ export const MarkdownStyles = createGlobalStyle`
   details[open] > summary::before {
     transform: rotate(90deg);
   }
-  details > ul {
-    margin-top: 0.5rem;
-  }
 }
 `;