UI fix: footer alignment on mobile

[MaybeThisIsRu]

Changes

This fixes the issue raised in #1272, specifically:

footer menus need to be aligned properly

I have opted for a bit of a hacky approach as far as the alignment for the "Comparisons" column goes (mt-32). If that is unwarranted, let me know please.

Tested with

• Firefox 94
• Edge 96
• Chromium 96

Tests

• This PR does not require tests

Changelog

• Entry has been added to changelog

Documentation

• This change does not need a documentation update

[bundlemon]

BundleMon

Unchanged files (7)

Status	Path	Size	Limits
✅	static/css/app.css	515.56KB	-
✅	static/js/dashboard.js	283.82KB	-
✅	static/js/app.js	12.13KB	-
✅	static/js/embed.host.js	5.53KB	-
✅	static/js/embed.content.js	5KB	-
✅	tracker/js/plausible.js	748B	-
✅	static/js/applyTheme.js	314B	-

No change in files bundle size

Final result: ✅

[ukutaht]

Thanks @hirusi!

This footer is duplicated in the website repo so it should be fixed there as well

[MaybeThisIsRu]

Ahh, you're right. On it.

[MaybeThisIsRu]

Sorry @ukutaht, I don't see this on the landing website?

I did refer to that implementation to get this correct here, and it seemed OK.

[MaybeThisIsRu]

The problem appeared on the Analytics software primarily because of a difference in the number of list items for the first block ("Why Plausible?").

[metmarkosaric]

Ahh I see. I updated the one on the home page as that's the one I knew how to update. I didn't get to update the one in app. The footer on the home page is the correct one and the one we should use in app too. Perhaps you could simply replicate what we have on the home page in app too?

[MaybeThisIsRu]

That's exactly what I've done. :)

With the exception of a small change, that is, different top margin, since one column is shorter here compared to the home page.

I'll share some screenshots later to explain more clearly.

[ukutaht]

Ah OK then it's all good