MyMailProtocol / permamail-app

Mail inbox app deployed on the permaweb
Apache License 2.0
7 stars 2 forks source link

Add Responsive CSS styles for mobile device aspect ratios #1

Open DanMacDonald opened 2 years ago

DanMacDonald commented 2 years ago

The CSS in the permamail.app doesn't dynamically response to screen aspect ratio.

The goal here is to collapse some of the paddings/margins here to take better advantage of the limited available horizontal space on mobile devices. Also there seems to be an issue with the "user" icon in the InboxThread not positioning well on mobile devices. I suspect a fixed px offset as opposed to em units.

image image

The CSS in general could use some TLC to get it structured and consistent, but just rendering well on mobile devices would be sufficient for completion of this task.

Please ask any questions in the comments below if more details are needed.