Improving the mobile css

[Minnowo]

This is still a work in progress, so I'm hoping for some feedback.

My plans for this are:

• [X] Improve the calendar
• [x] Fix the page size for users page
• [x] Fix the page size for devices page
• [x] Fix the page size for tags page
• [x] Fix the page size for the manage page
• [x] Fix context menus on some pages being unusable
• [x] Fix the list page
• [x] Fix the settings page sizing

For the calendar, I:

• css to move the heading vertically when the page width is < 600px.
• Changed the heading font to monospace
• Changed the format to show short form of week names

Here is how it looks now on the week view on my phone:

Details


[jmattheis]

Looks much better with the changes :+1:

[Minnowo]

Here are some pictures of the new changes to the list page: Desktop:

Details

 Mobile / when the page is smaller in width: 

[Minnowo]

And a cropped view of the settings page on mobile:

[Minnowo]

Preview of the most recent changes. The timespans wrap nicer now. The calendar page also has the popup fixed on mobile, since it also will wrap. It does go into the top left corner for some reason when the page resizes, but I think that's more a feature since it won't get lost on mobile.

https://github.com/user-attachments/assets/63715866-580e-417a-bdac-210742a8949a