CLDC-3730 Update tasklist styling

[kosiakkatrina]

Use govuk classes for tasklists styling

[github-actions]

Created review app at https://review.submit-social-housing-data.communities.gov.uk/2822

[Dinssa]

Do you think it's worth adding padding to the task list item on the left and right; removing the underline of the link and/or making on the entire hoverable area the cursor change to a pointer like a button.

Since we've got the entire task list area changing colour on hover now, I don't think we need to keep the link hover behaviour (at least not the underline). I wasn't able to get the cursor pointer to show up in the screen grabs above but it is possible to change it to a hand when hovering over the area.

[kosiakkatrina]

Do you think it's worth adding padding to the task list item on the left and right; removing the underline of the link and/or making on the entire hoverable area the cursor change to a pointer like a button.

Since we've got the entire task list area changing colour on hover now, I don't think we need to keep the link hover behaviour (at least not the underline). I wasn't able to get the cursor pointer to show up in the screen grabs above but it is possible to change it to a hand when hovering over the area.

@Dinssa In terms of the padding I think it should be the same as the component here, but let me know if it deviates from it: https://govuk-components.netlify.app/components/task-list/#input-erb-task-list-with-hints

And I think the hover state shows up for me (at least locally) I wonder if it's because our review apps don't get all the styling sometimes due to how our css gets compiled

[Dinssa]

Got it! That's fair enough this matches what they recommended.