From 69c23211a0228a7b6e33e83015034d8149b66f5a Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Mon, 11 May 2026 05:54:51 +0200
Subject: [PATCH] Fix award title and date layout (#3029)

* Fix award title date layout

Co-authored-by: Amruth Pillai <im.amruth@gmail.com>

* Keep award date inline across templates

Co-authored-by: Amruth Pillai <im.amruth@gmail.com>

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
---
 packages/pdf/src/templates/shared/sections.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/pdf/src/templates/shared/sections.tsx b/packages/pdf/src/templates/shared/sections.tsx
index fe85516af..9c66eedff 100644
--- a/packages/pdf/src/templates/shared/sections.tsx
+++ b/packages/pdf/src/templates/shared/sections.tsx
@@ -188,6 +188,12 @@ const stackedSidebarSplitRowStyle = {
 	alignItems: "flex-start",
 } satisfies Style;
 
+const awardTitleDateRowStyle = {
+	flexDirection: "row",
+	alignItems: "flex-start",
+	justifyContent: "space-between",
+} satisfies Style;
+
 const useSectionSplitRowStyle = () => {
 	const splitRowStyle = useTemplateStyle("splitRow");
 	const placement = useTemplatePlacement();
@@ -610,6 +616,8 @@ const AwardsSection = ({
 	const data = useRender();
 	const awards = sectionData ?? data.sections.awards;
 	const items = getVisibleItems(awards);
+	const splitRowStyle = useTemplateStyle("splitRow");
+	const alignRightStyle = useTemplateStyle("alignRight");
 
 	if (items.length === 0) return null;
 
@@ -619,9 +627,11 @@ const AwardsSection = ({
 				{items.map((item) => (
 					<SectionItem key={item.id}>
 						<SectionItemHeader>
-							<ItemTitle website={item.website}>{item.title}</ItemTitle>
+							<View style={composeStyles(splitRowStyle, awardTitleDateRowStyle)}>
+								<ItemTitle website={item.website}>{item.title}</ItemTitle>
+								<Small style={composeStyles(alignRightStyle)}>{item.date}</Small>
+							</View>
 							<Text>{item.awarder}</Text>
-							<Small>{item.date}</Small>
 						</SectionItemHeader>
 						<RichText>{item.description}</RichText>