Unify spacing in project and group item components
group_item.vue
and project_item.vue
components have a tiny difference in spacing - the avatar in group item is placed with the name inside one container and does not receives flex gap. The difference doesn't seem big, but since both components appear next to each other, it can be easily spotted:
To do:
- place the avatar in
group_item.vue
outside the wrappingdiv
, so that flex gap is present between the avatar and the group name - change
div
element tospan
for a correct HTML structure. Block elements should not be nested inside inline elements.
File to edit:
Edited by Paulina Sedlak-Jakubowska