daisyeditorial

I’ve now possibly half resolved my problem. If I add a width percentage to date and time it works to make ‘columns’ (but not good in mobile screen sizes, so I will need to set those separately):

.civievent-widget-event-datetime {
width: 40%;
}
.civievent-widget-event-start-date {
width: 40%;
}

Thanks for the widget! I’ve used the list shortcode to make an events page, where I simply want a table-style layout showing columns for date, times, event title. I have got that info on the page but the start/end times follow immediately after the date and I’d prefer the times to be in a left-aligned column of their own (as if in a proper table). I can sort of achieve this by adding right padding or a margin to the date but the times are then out of alignment with each other (ie not all flush left at the start of the middle ‘column’. Is it possible to seprate the date/times components or achieve this with CSS please or must the dates and times run on together?