adjust sizes and paddings

- icons in sidebar / content listing
- copy buttons
- nav spacing
- headings
- code blocks

src/styles/docs/docs.css

@@ -21,10 +21,8 @@
 
 .docs-content {
   flex-grow: 1;
-  margin-bottom: 2.3rem;
 
   & section {
-    max-width: 100svw;
     margin-block: 1.618rem;
   }
 
@@ -51,9 +49,12 @@
   }
 
   & .heading-hashtag {
+    display: inline-block;
+    margin-right: 0.1rem;
+
     & svg {
-      width: 24px;
-      height: 24px;
+      width: 1.2em;
+      height: 1.2em;
       opacity: 0.5;
       transition: opacity 0.5s;
 
@@ -63,6 +64,11 @@
       }
     }
   }
+
+  & .heading-text {
+    display: inline-block;
+    vertical-align: top;
+  }
 }
 
 hr {
@@ -91,10 +97,6 @@ ul {
   .docs-content {
     margin-inline: 1.272rem;
 
-    & section {
-      margin-block: 1.884rem;
-    }
-
     & p {
       margin-block: 1.217rem;
     }