Fix printed tab header padding

Author: sjd210

src/app/components/content/IsaacCodeSnippet.tsx

@@ -57,7 +57,7 @@ const IsaacCodeSnippet = ({doc}: IsaacCodeProps) => {
         {doc.url && <Row>
             <Col className="text-center mb-2">
                 <a className="no-print" href={doc.url} onClick={logViewOnGitHub} target="_blank" rel="noopener noreferrer">View on GitHub</a>
-                <a className="only-print mb-2" href={doc.url} target="_blank" rel="noopener noreferrer">{doc.url}</a>
+                <a className="only-print" href={doc.url} target="_blank" rel="noopener noreferrer">{doc.url}</a>
             </Col>
         </Row>}
     </>;

src/app/components/elements/Tabs.tsx

@@ -145,7 +145,8 @@ export const Tabs = (props: TabsProps) => {
                     {Object.entries(children).map(([tabTitle, tabBody], mapIndex) => {
                         const tabIndex = mapIndex + 1;
                         return <>
-                            {style === "tabs" && <TabNavbar {...props} className="d-none d-print-flex" activeTab={tabIndex} changeTab={changeTab}>{children}</TabNavbar>}
+                            {/* This navbar exists only when printing so each tab has its own heading */}
+                            {style === "tabs" && <TabNavbar {...props} className={classNames("d-none d-print-flex mb-3 mt-2", {"mt-n4": mapIndex === 0 && tabContentClass.includes("pt-4")})} activeTab={tabIndex} changeTab={changeTab}>{children}</TabNavbar>}
                             <TabPane key={tabTitle} tabId={tabIndex}>
                                 {tabBody as ReactNode}
                             </TabPane>