chore(website): manually centered homepage buttons (typescript-eslint#6201)

JoshuaKGoldberg · web-flow · commit d8ebe41b942e · 2022-12-13T11:48:27.000+04:00
diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
@@ -120,7 +120,7 @@ function Feature({ title, description }: FeatureItem): JSX.Element {
       <p>{description}</p>
       <div className={styles.buttons}>
         <Link
-          className="button button--primary"
+          className={clsx('button button--primary', styles.buttonCentered)}
           to={useBaseUrl('getting-started')}
         >
           Get Started
@@ -140,7 +140,7 @@ function Home(): JSX.Element {
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
             <Link
-              className={clsx('button button--primary', styles.buttonPrimary)}
+              className="button button--primary"
               to={useBaseUrl('getting-started')}
             >
               Get Started
diff --git a/packages/website/src/pages/styles.module.css b/packages/website/src/pages/styles.module.css
@@ -35,6 +35,10 @@
   margin: 1rem 1rem;
 }
 
+.buttonCentered {
+  margin: auto;
+}
+
 .buttonPrimary {
   border: var(--ifm-button-border-width) solid var(--ifm-button-color);
 }

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,10 @@`
`35`	`35`	`margin: 1rem 1rem;`
`36`	`36`	`}`
`37`	`37`
	`38`	`+.buttonCentered {`
	`39`	`+ margin: auto;`
	`40`	`+}`
	`41`	`+`
`38`	`42`	`.buttonPrimary {`
`39`	`43`	`border: var(--ifm-button-border-width) solid var(--ifm-button-color);`
`40`	`44`	`}`