add missing code prop background, remove link border from toc, add proper width to toc, add missing divider above navigation arrows,

Author: fanixus96

docs/_layouts/static-site-main.html

@@ -12,6 +12,7 @@
     page.
   </aside>
   {% endif %} {{ content }}
+  <div class="divider" />
   <nav class="arrow-navigation" aria-label="Page navigation">
     {% if page.previous %}
     <div>

scaladoc/resources/dotty_res/styles/theme/components/code-snippet.css

@@ -8,6 +8,8 @@
   border: 1px solid transparent;
   color: var(--text-primary);
   overflow-x: scroll;
+  margin-bottom: calc(3 * var(--base-spacing));
+  margin-top: calc(3 * var(--base-spacing));
 }
 
 .snippet pre {

scaladoc/resources/dotty_res/styles/theme/components/table-of-content.css

@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   padding: 0 calc(1 * var(--base-spacing));
-  width: calc(29 * var(--base-spacing));
+  width: calc(28 * var(--base-spacing));
 }
 
 #toc-container {
@@ -77,6 +77,7 @@
 #content .toc-nav a {
   color: var(--action-primary-content-default);
   text-decoration: none;
+  border-bottom: none;
 }
 
 #toc li:hover > a {

scaladoc/resources/dotty_res/styles/theme/layout/content.css

@@ -165,13 +165,15 @@
   border-bottom: 1px solid var(--text-secondary);
 }
 
-#content .cover-header a, #content .cover-header a:hover {
+#content .cover-header a,
+#content .cover-header a:hover {
   border-bottom: none;
 }
 
 #content :not(pre) > code {
   color: var(--code-props-content);
   font-family: "FiraCode-Regular";
+  background-color: var(--red3);
 }
 
 .breadcrumbs {