Improvements on Mobile devices

[JayVii]

As shortly discussed on the fediverse already, some of my ktistec css tweaks (Hacks...) might be useful to the whole project.

I suppose this was mainly about the mobile-related tweaks (the theming would probably be better done via semantic UI themes instead). Mainly, the mobile tweaks are about the shortened main menu on top with feather icons:

The enlarged pagination buttons:

As well as the collapsable secondary menu:

1(1).webm

None of these changes affect the desktop view. They only come into play on small screens.

Because for now, these are forced overrides, I think the rule targets should be cleaned up a little and improvements could / should be made here and there.

Especially the secondary menu is a rather dirty hack and could be improved substantially with some other changes to the HTML structure around the menu (a wrapper-div would be nice and a supplication of the notification counter, so it does not need to be moved with a CSS transition).

Furthermore, some discussion around what you like / dislike about my hacks would probably be beneficial. This is currently entirely geared towards my personal preferences which are likely not what everyone else likes.

I suppose the CSS rules should go into main.less? Or should this be a separate file?

Looking forward to your thoughts!