refactor(docs): add search bar shortcut slash icon

Author: simonprovost

docs/stylesheets/extra.css

@@ -128,3 +128,4 @@
   border-color: var(--md-primary-fg-color, #6200ee);
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
 }
+

docs/stylesheets/extra_mkdocs.css

@@ -0,0 +1,18 @@
+/*https://github.com/squidfunk/mkdocs-material/issues/2574#issuecomment-821979698*/
+[data-md-toggle="search"]:not(:checked) ~ .md-header .md-search__form::after {
+    position: absolute;
+    top: .3rem;
+    right: .3rem;
+    display: block;
+    padding: .1rem .4rem;
+    color: var(--md-default-bg-color);
+    font-weight: bold;
+    font-size: .8rem;
+    border: .05rem solid var(--md-default-bg-color--lighter);
+    border-radius: .1rem;
+    content: "/";
+}
+
+.md-typeset h1 {
+    margin: 0 0 0.1em;
+}

mkdocs.yml

@@ -48,6 +48,7 @@ theme:
 extra_css:
   - 'stylesheets/extra.css'
   - 'stylesheets/landing.css'
+  - 'stylesheets/extra_mkdocs.css'
 
 extra_javascript:
   - javascripts/mathjax.js