Style inconsistency between subtask lists and related tasks #1857

Closed
opened 2026-03-22 13:42:10 -05:00 by GiteaMirror · 3 comments
Owner

Originally created by @verymilan on GitHub (Apr 22, 2023).

Description

Hi there, looks like related tasks need some love in terms of spacing. :)

I think it makes sense that the padding top/bottom differs, but at least for related tasks, i think there should be a bigger gap between text and checkbox. Maybe related tasks could differenciate even more, maybe with a tile-like appearance.

Vikunja Frontend Version

0.20.5+191-ccb9be42c2 (demo)

Vikunja API Version

v0.20.4+95-7ad256f6cd (demo)

Browser and version

No response

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

SCR-20230422-eas

Originally created by @verymilan on GitHub (Apr 22, 2023). ### Description Hi there, looks like related tasks need some love in terms of spacing. :) I think it makes sense that the padding top/bottom differs, but at least for related tasks, i think there should be a bigger gap between text and checkbox. Maybe related tasks could differenciate even more, maybe with a tile-like appearance. ### Vikunja Frontend Version 0.20.5+191-ccb9be42c2 (demo) ### Vikunja API Version v0.20.4+95-7ad256f6cd (demo) ### Browser and version _No response_ ### Can you reproduce the bug on the Vikunja demo site? Yes ### Screenshots ![SCR-20230422-eas](https://user-images.githubusercontent.com/10698140/233772354-4d28d16c-cbf9-4990-86e5-3314db4b99f9.png)
GiteaMirror added the area/frontend label 2026-03-22 13:42:10 -05:00
Author
Owner

@kolaente commented on GitHub (Apr 24, 2023):

There should at least be spacing between the checkbox and the title of a related task. Not sure where that went missing

@kolaente commented on GitHub (Apr 24, 2023): There should at least be spacing between the checkbox and the title of a related task. Not sure where that went missing
Author
Owner

@dpschen commented on GitHub (Apr 24, 2023):

Might happened with the new checkbox component. Quickfix for that spacing would be to add margin-right from outside the component.

The vertical spacing is a more complex topic. We want to replace the editor and when we do that the styles might change either way. We are also still defining what the relation between 'Related Tasks' and checklists is.

@dpschen commented on GitHub (Apr 24, 2023): Might happened with the new checkbox component. Quickfix for that spacing would be to add `margin-right` from outside the component. The vertical spacing is a more complex topic. We want to replace the editor and when we do that the styles might change either way. We are also still defining what the relation between 'Related Tasks' and checklists is.
Author
Owner

@kolaente commented on GitHub (Aug 3, 2025):

Since the spacing was re-added, I'd consider this solved. Please ping if you still have issues.

@kolaente commented on GitHub (Aug 3, 2025): Since the spacing was re-added, I'd consider this solved. Please ping if you still have issues.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#1857