UX: Larger tap areas for profile panel in user menu on mobile devices

app/assets/javascripts/discourse/widgets/quick-access-profile.js

@@ -3,6 +3,8 @@ import { createWidgetFrom } from "discourse/widgets/widget";
 import { Promise } from "rsvp";
 
 createWidgetFrom(QuickAccessPanel, "quick-access-profile", {
+  tagName: "div.quick-access-panel.quick-access-profile",
+
   buildKey: () => "quick-access-profile",
 
   hasMore() {

app/assets/stylesheets/common/base/menu-panel.scss

@@ -7,10 +7,7 @@
   }
 
   .panel-body {
-    position: absolute;
-    top: 3px;
-    bottom: 37px;
-    width: 97%;
+    width: 100%;
   }
 }
 .header-cloak {

app/assets/stylesheets/mobile/menu-panel.scss

@@ -15,3 +15,9 @@
     transition: opacity 0.2s ease-out;
   }
 }
+
+.user-menu .quick-access-profile li:not(.show-all) {
+  margin: 0.5em 0 0.75em;
+  padding: 0.75em;
+  border: 1px solid $primary-low;
+}