@@ -7,12 +7,13 @@ export default function Pagination(props) {
77 href={`/${props.section}/${props.post.slug}`}
88 key={`post-${props.post.slug}`}
99 >
10− <div className="bg-wall cursor-pointer font-semibold p-2 px-4 rounded-xl">
11− <p className="text-black">
12− {props.previous ? "<- " : ""}
13− {props.post.title}
14− {props.next ? " ->" : ""}
15− </p>
10+ <div
11+ className="bg-wall cursor-pointer font-semibold p-2 px-4 rounded-xl flex"
12+ style={{ maxWidth: "45%" }}
13+ >
14+ <p className="flex-shrink-0">{props.previous ? "<- " : ""}</p>
15+ <p className="text-black truncate">{props.post.title}</p>
16+ <p className="flex-shrink-0">{props.next ? " ->" : ""}</p>
1617 </div>
1718 </Link>
1819 );