Widescreen logs

[TriMoon]

Adjusted Logs screen to display properly on a widescreen also.

• Changed header into 2 lines to better group the info.
• Added border radius on header for visual.
• Changed header background for visual.
• Added odd/even background changes to differentiate different lines.

---

My widescreen:

---

Responsive design, vertical:

[TriMoon]

Just a request, could you guys add a button on the popup to directly open the logs view like we have on the old version? 🤝
I wasn't able to do it because i'm too unfamiliar with the JS code, in particular i went as far as just adding the button on the popup and opening the options page but i didn't know how to make the button open the view directly...

[erosman]

Please note:

• colors must be set for both light & dark schemes
• CSS nesting is not supported on older Firefox before 117 and it is still getting completed

Full width log is done.

[TriMoon]

• CSS nesting is not supported on older Firefox before 117 and it is still getting completed

I don't think that will be a problem because:

1. The older FoxyProxy can be used for those older versions.
2. The current Firefox-snap version is 119.0b9 which most people use by default.
3. Development of this new software should embrace current implemented features if it can benefit from it.
4. The manifest should of-course be updated to reflect this minimum version in this case 👍

• colors must be set for both light & dark schemes

I will leave that to you (to add after merging this PR) 😉

Full width log is done.

Does that mean you already implemented it in another way as this PR? 🤔
Take notice that i also modified the column widths etc...