Render each group inside a container element

[gnapse]

This is the DOM structure I get when performing a task list query grouped by file:

This particular query gave me 3 groups, that is, 3 files with tasks in it. I highlighted them in the screenshot in 3 rectangles of colours red, orange and yellow.

I would like to have a div element wrapping each pair of h4 + div, so that when applying custom styles, I can treat each group as an element. This would enable me, for instance, to make the parent element containing all groups be a flex container with row direction. That way, instead of this

• File 1
  • Task 1.1
  • Task 1.2
• File 2
  • Task 2.1
  • Task 2.2
• File 3
  • Task 3.1
  • Task 3.2

I would be able to render this in a layout like below:

File 1 Task 1.1 Task 1.2

File 2 Task 2.1 Task 2.2

File 3 Task 3.1 Task 3.2

Is this possible? I was looking into the dv.el API, but I still can't figure it out if that would allow me to do it.