UX: add bottom padding to user lists on mobile

UX: add bottom padding to user lists on mobile

In some cases, when lists had a handful of items, the last item would be covered by the footer-nav eoverlay on PWAs and DiscourseHub.

diff --git a/app/assets/stylesheets/mobile/user.scss b/app/assets/stylesheets/mobile/user.scss
index 55888d3..28c43fa 100644
--- a/app/assets/stylesheets/mobile/user.scss
+++ b/app/assets/stylesheets/mobile/user.scss
@@ -32,6 +32,7 @@
 
 .user-main {
   margin-top: 12px;
+  padding-bottom: 60px; // slightly taller than .footer-nav
 
   .user-content {
     box-sizing: border-box;

GitHub sha: 2de25375

1 Like