docs: Reduce size of paginator nav links. (#373)

docs: fix size of paginator nav links Fixes #372
moonrepo · Oct 17, 2022 · f3e5d0b · f3e5d0b
1 parent 219d071
commit f3e5d0b
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/website/src/theme/PaginatorNavLink.tsx b/website/src/theme/PaginatorNavLink.tsx
@@ -7,10 +7,12 @@ import Link from '../ui/typography/Link';
 
 export default function PaginatorNavLink({ permalink, title, isNext }: Props) {
 	return (
-		<Link className={cx('grow', isNext && 'text-right')} weight="bold" to={permalink}>
-			{!isNext && <Icon className="mr-1 icon-previous" icon={faChevronLeft} />}
-			{title}
-			{isNext && <Icon className="ml-1 icon-next" icon={faChevronRight} />}
-		</Link>
+		<div className={cx('flex-1', isNext ? 'text-right' : 'text-left')}>
+			<Link weight="bold" to={permalink}>
+				{!isNext && <Icon className="mr-1 icon-previous" icon={faChevronLeft} />}
+				{title}
+				{isNext && <Icon className="ml-1 icon-next" icon={faChevronRight} />}
+			</Link>
+		</div>
 	);
 }