diff --git a/src/fragmentarium/ui/info/Details.css b/src/fragmentarium/ui/info/Details.css index 8e980db84..dd93e450d 100644 --- a/src/fragmentarium/ui/info/Details.css +++ b/src/fragmentarium/ui/info/Details.css @@ -7,6 +7,11 @@ margin-bottom: 0.4em; } +.Details__item--provenance { + list-style-position: inside; + list-style-type: disc; +} + .Details__item--extra-margin { margin-bottom: 1em; } diff --git a/src/fragmentarium/ui/info/Details.tsx b/src/fragmentarium/ui/info/Details.tsx index 7152a5c53..b0f82b039 100644 --- a/src/fragmentarium/ui/info/Details.tsx +++ b/src/fragmentarium/ui/info/Details.tsx @@ -111,6 +111,7 @@ function Provenance({ fragment }: Props): JSX.Element { function ExcavationDate({ fragment }: Props): JSX.Element { const isRegularExcavation = fragment.archaeology?.isRegularExcavation const date = fragment.archaeology?.date + const dateNotes = date?.notes const formatDate = (date: DateRange) => { const locale = navigator.language @@ -135,6 +136,7 @@ function ExcavationDate({ fragment }: Props): JSX.Element { <> Regular Excavation {date && <> ({formatDate(date)})>} + {dateNotes && <>, {dateNotes}>} > )} > @@ -178,16 +180,18 @@ function Details({