move main-content anchor to content div

for parsing by DocSearch, retains same skip-link functionality

Author: wackerow

src/components/Layout.tsx

@@ -15,7 +15,7 @@ import SideNavMobile from "./SideNavMobile"
 import TranslationBanner from "./TranslationBanner"
 import TranslationBannerLegal from "./TranslationBannerLegal"
 import FeedbackWidget from "./FeedbackWidget"
-import { SkipLink, SkipLinkAnchor } from "./SkipLink"
+import { SkipLink } from "./SkipLink"
 
 import { ZenModeContext } from "../contexts/ZenModeContext"
 
@@ -135,8 +135,11 @@ const Layout: React.FC<IProps> = ({
               <Nav path={path} />
               {shouldShowSideNav && <SideNavMobile path={path} />}
             </ZenMode>
-            <SkipLinkAnchor id="main-content" />
-            <Flex flexDirection={{ base: "column", lg: "row" }}>
+            <Flex
+              flexDirection={{ base: "column", lg: "row" }}
+              id="main-content"
+              scrollMarginTop={20}
+            >
               {shouldShowSideNav && (
                 <ZenMode>
                   <SideNav path={path} />

src/components/SkipLink.tsx

@@ -27,7 +27,3 @@ export const SkipLink: React.FC<IProps> = ({ hrefId }) => {
     </Box>
   )
 }
-
-export const SkipLinkAnchor: React.FC<{ id: string }> = ({ id }) => {
-  return <Box height="80px" mt="-80px" id={id}></Box>
-}