diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx index 0e7c7a438559961cba97aa5060f808966db690bf..16a2f628b9a3ae02a5c12b7d38d08fe128897b0c 100644 --- a/src/pages/Home.jsx +++ b/src/pages/Home.jsx @@ -58,7 +58,7 @@ const Home = () => { setShowEndProgramPoint, onEndProgramPointConfirm, onEndProgramPointCancel, - ] = useActionConfirm(endProgramPoint); + ] = useActionConfirm(endProgramPoint, programEntry); const onEditProgramConfirm = async (newTitle) => { await renameProgramPoint.run({ programEntry, newTitle }); diff --git a/src/pages/Program.jsx b/src/pages/Program.jsx index 93ab83c9edd5854bbda18a54118f4de7d3e0ead8..19a2093008e6e0ffa57e7a0526cb281ff6f44a48 100644 --- a/src/pages/Program.jsx +++ b/src/pages/Program.jsx @@ -45,8 +45,13 @@ const Schedule = () => { </Chip> )} </div> - <div className="w-32 flex items-start head-heavy-xs md:head-heavy-base text-center"> - <span>{format(entry.expectedStartAt, "H:mm")}</span> + <div className="w-full md:w-32 flex flex-row md:flex-col items-center md:items-stretch md:text-right md:pr-8"> + <p className="head-heavy-xs md:head-heavy-base"> + {format(entry.expectedStartAt, "H:mm")} + </p> + <p className="ml-auto md:ml-0 head-heavy-xs md:head-heavy-xs md:text-grey-200"> + {format(entry.expectedStartAt, "d.M.Y")} + </p> </div> <div className="flex-grow w-full"> <h2 className="head-heavy-xs md:head-heavy-base mb-1">