Improve printing of articles

packages/web/components/templates/article/ArticleContainer.tsx

@@ -458,6 +458,9 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
             '&:hover': {
               opacity: 0.8,
             },
+            '@media print': {
+              display: 'none',
+            },
           }}
           onClick={() => setShowReportIssuesModal(true)}
         >

packages/web/components/templates/reader/ReaderHeader.tsx

@@ -43,6 +43,9 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
             bg: '$readerBg',
             pointerEvents: 'unset',
           },
+          '@media print': {
+            display: 'none',
+          },
         }}
       >
         <HStack

packages/web/pages/[username]/[slug]/index.tsx

@@ -463,6 +463,9 @@ export default function Home(): JSX.Element {
             background: '$readerMargin',
             overflow: 'scroll',
             paddingTop: '80px',
+            '@media print': {
+              paddingTop: '0px',
+            },
           }}
         >
           {article && viewerData?.me ? (