more tests and some fixes

article.scss

@@ -11,6 +11,10 @@ article {
     line-height: 2rem;
     white-space: normal;
 
+    .mermaid {
+        text-align: center;
+    }
+
     del, ins, mark {
         padding: 3px;
         text-decoration: none;

layout.scss

@@ -1,3 +1,5 @@
+// @questions it seems stupid to have ipt-wrap, flex-line, simple-flex and input-control
+//      I have the feeling we maybe only need 1 or 2 of these (input-control has nice behavior)
 .ipt-wrap {
     display: table;
     vertical-align: top;
@@ -24,6 +26,7 @@
     align-items: center;
 }
 
+// @question consider to replace with input-control which has better behavior
 .flex-line {
     display: flex;
     flex-direction: row;

nav.scss

@@ -85,4 +85,25 @@
     .nav-trigger:checked ~ main {
         display: none !important;
     }
-}
+}
+
+.content-side-nav {
+    h1, h2, a {
+        font-size: .9rem;
+    }
+
+    h1, h2 {
+        padding: .5rem 1rem .5rem 1rem;
+        background: var(--thead-bg);
+        color: var(--thead-c);
+    }
+
+    a {
+        padding: .5rem 1rem .5rem 2rem;
+        display: block;
+
+        &:hover {
+            color: var(--link-c);
+        }
+    }
+}

tooltip.scss

@@ -2,6 +2,7 @@
     cursor: pointer;
     color: var(--box-hl);
     font-size: .9rem;
+    display: inline-flex;
 
     &:hover, &:active, &:focus {
         position: relative;