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

@@ -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>