Slight adjustments for back-to-top button

material/base.html

@@ -39,7 +39,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.48b295f8.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.1ff57afd.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.f1a3b89f.min.css' | url }}">
@@ -223,7 +223,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.70097392.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.455f5155.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

src/assets/javascripts/components/top/index.ts

@@ -152,7 +152,7 @@ export function mountBackToTop(
 
         /* Update state */
         next([{ hidden }, { height }]) {
-          setBackToTopOffset(el, height + 16)
+          setBackToTopOffset(el, height + 12)
           if (hidden)
             setBackToTopState(el, "hidden")
           else

src/assets/stylesheets/main/layout/_top.scss

@@ -27,8 +27,8 @@
 // Back-to-top button
 .md-top {
   position: fixed;
-  top: px2rem(48px + 16px);
+  top: px2rem(48px + 12px);
-  z-index: 1;
+  z-index: 3;
   margin-left: 50%;
   padding: px2rem(8px) px2rem(16px);
   color: var(--md-default-fg-color--light);