From ff3d4b1337089637e1865d440695fe4cb589a908 Mon Sep 17 00:00:00 2001
From: JamesGoslings <3248175240@qq.com>
Date: Sat, 25 Apr 2026 15:43:31 +0800
Subject: [PATCH] fix: align role period text to end in experience item (#2876)
 (#2908)

When an experience entry has multiple roles (Role Progression),
the period/date for each role was left-aligned in the grid layout,
causing it to appear off-center instead of right-aligned under the
location field.

Added `text-end` class to the role period element to match the
alignment behavior of the single-role header period. Uses `text-end`
instead of `text-right` for proper RTL language support.
---
 src/components/resume/shared/items/experience-item.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/resume/shared/items/experience-item.tsx b/src/components/resume/shared/items/experience-item.tsx
index 28a7a5447..fe14fe43d 100644
--- a/src/components/resume/shared/items/experience-item.tsx
+++ b/src/components/resume/shared/items/experience-item.tsx
@@ -70,7 +70,7 @@ export function ExperienceItem({ className, ...item }: ExperienceItemProps) {
             <div key={role.id} className="experience-item-role">
               <div className="grid grid-cols-2 items-start justify-between gap-x-2">
                 <div className="section-item-metadata experience-item-role-position">{role.position}</div>
-                <div className="section-item-metadata experience-item-role-period">{role.period}</div>
+                <div className="section-item-metadata experience-item-role-period text-end">{role.period}</div>
               </div>
 
               {stripHtml(role.description) && (