diff --git a/resources/views/email.phtml b/resources/views/email.phtml index acf48ba..a7ed236 100644 --- a/resources/views/email.phtml +++ b/resources/views/email.phtml @@ -508,25 +508,52 @@ $card_open = ''; $card_close = '
'; -// Closing arrow that visually caps each section's timeline. Inline -// SVG chevron with stroke-linecap:round so the line ends are blunted -// — matches the look of UI arrowheads rather than a filled triangle. -// margin-left mirrors the dot's offset so both elements sit on the -// same vertical axis. -$arrow_svg = '' + . '' + . ''; + +$timeline_bottom_cap = '
' + . '' + . '' + . '
'; + +// Chevron arrowhead — inline SVG, stroke-linecap:round + +// stroke-linejoin:round so the strokes have soft ends. Sits below +// the rail's rounded tail in its own row so the rail terminates +// cleanly without the chevron's strokes painting over the round. +$arrow_svg = '' - . '' + . '' . ''; -$timeline_close_row = '
' - . '' - . '' - . '' - . '
' +$timeline_arrow_row = '' + . '' + . '' + . '' . $arrow_svg . '' . ''; @@ -586,6 +613,7 @@ $timeline_close_row = ''

+ ' echo $event_row($fact, $body, $show_dot); ?> - + + @@ -636,6 +665,7 @@ $timeline_close_row = ''

+ ' echo $event_row($fact, $body, $show_dot); ?> - + + @@ -686,6 +717,7 @@ $timeline_close_row = ''

+ ' echo $event_row($fact, $body, $show_dot); ?> - + +