agreed. ill look into it

I have started to work on this. For now, I've removed the icon sidebar (icons at the top), reduced padding in a dozen places, and if there's just one single table in the screen, removed the "card" padding around it. Also, for DMARC reports lists, I've made some columns' display depend on the screen size.

I will create some screenshots shortly to discuss.

Please make a pull request at the end so we can merge the changes

Will do. Is there a way to check out the app with some dummy data to experiment with, and does Symfony offer a local small builtin HTTP server to avoid having to set up Apache? Right now I'm doing the changes live on my production machine ... :-)

Yes there is. But you’ll need the symfony cli and a working php installation.

https://symfony.com/doc/current/setup/symfony_server.html

OK, that's great.
Can you quickly give me a SQL to insert 1-2 dummy TLS reports so I can also fine tune the TLS index display?

Here's a sneak preview. :-)

Great start.
I am however not a big fan of the buttons in the title bar. There is a menu for a reason.
Could you also add a bit more spacing. I know the current design uses a lot of space but I think the sweet spot is between the current design and this design.

as for sample data. I’m currently not home so I can’t provide any at the moment

Also. Maybe you can add the actions to a dropdown menu. Also for future sake. If any feature get added it’s already there.
If you click on the table row it could open te report and have a dropdown for all other actions.

Was just typing ... :-) the top icons are for larger screens. As soon as the menu is there they will vanish. On mobile devices horizontal space is valuable, so I removed the sidebar menu. I could not get this to work properly (width adjustment, spacing, wrapping) anyway and there is ample space at the top.

Updated screenshot coming soon.

The langer screens have a sidebar for menu so they don’t need it.
I prefer not to have those buttons as I want a clean design.

Yes, a clean design was also my goal. Also, most efficient screen usage. Thus I removed the sidebar menu :-)
It's probably a matter of taste. Let's see where we end up.

Mobile:

Medium (no menu, more columns):

Large and XL (even more columns, note the date formatting, Report IDs are shortened but fully available via tooltip)

I don't fully like the button alignment and the table design yet, but that's the general idea.

Don’t remove the sidebar menu and keep the title bar for just the title.

I didn't remove it, I hid it because it wasn't working properly.

I will try to show it e.g. for xl and xxl screens (width >1200px).
For anything less - especially mobile - a fixed sidebar column does not make sense IMHO.

I've implemented a version that keeps the current layout the same and hides non-primary columns on smaller devices.
any future changes can be made via a new issue/pr

Why did you not wait for my pull request?
I spent quite some time today setting up a local dev environment for PHP just for this project (don't usually do PHP) and creating a pull request against master. Now I have to merge again.
That's a little discouraging regarding future collaboration. :-(

Hi @jensb i wanted to try a few things myself but didn't mean to discourage you.
youre still welcome to submit your pr.

OK. No worries. Trying to merge your changes now.
We do disagree on a few things like which columns are "important" in a table but IMHO these are side issues.