Fixing pixel scroll helper

Author: choldgraf

src/sphinx_book_theme/assets/styles/base/_base.scss

@@ -3,11 +3,8 @@
 *********************************************/
 // For the helper pixel that we can watch to decide whether we've scrolled
 .sbt-scroll-pixel-helper {
-  position: absolute;
   width: 0px;
   height: 0px;
-  top: 0;
-  left: 0;
 }
 
 // Hide an element without display: none but so that it takes no space

src/sphinx_book_theme/assets/styles/sections/_header-primary.scss

@@ -44,7 +44,7 @@
 .header__end {
   display: flex;
   flex-wrap: nowrap;
-  gap: 0.5rem;
+  gap: 0.75rem;
 
   // On narrow screens, the header items show flow vertically and snap to left
   @media (max-width: $breakpoint-md) {
@@ -117,7 +117,7 @@ input#__header {
 
 ul#navbar-icon-links {
   flex-direction: row;
-  gap: 0.5em;
+  gap: 0.75rem;
 }
 
 .header-content-item {

src/sphinx_book_theme/theme/sphinx_book_theme/layout.html

@@ -49,11 +49,11 @@
 {% endblock %}
 
 {% block docs_main %}
-<!-- A tiny helper pixel to detect if we've scrolled -->
-<div class="sbt-scroll-pixel-helper"></div>
 <!-- Main content -->
 <div class="col py-0 content-container">
     {% block docs_body %}
+    <!-- A tiny helper pixel to detect if we've scrolled past the top -->
+    <div class="sbt-scroll-pixel-helper"></div>
     <div class="header-article row sticky-top noprint">
         {% include "sections/header-article.html" %}
     </div>