From c9419b51a3127c34568c78b0cd5e02a2eb487ccb Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 15 Feb 2022 20:13:11 -0500
Subject: [PATCH] UX: prevent user menu overflow on tiny screens (#15964)

---
 app/assets/stylesheets/common/base/menu-panel.scss | 3 +++
 app/assets/stylesheets/mobile/menu-panel.scss      | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index 83ef539616c..4e694ff9b4f 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -394,6 +394,9 @@
           grid-gap: 0 1em;
           a {
             @include ellipsis;
+            > div {
+              display: block;
+            }
           }
           button {
             span:not(.relative-date) {
diff --git a/app/assets/stylesheets/mobile/menu-panel.scss b/app/assets/stylesheets/mobile/menu-panel.scss
index 1e5f59d1d1d..63c6114a360 100644
--- a/app/assets/stylesheets/mobile/menu-panel.scss
+++ b/app/assets/stylesheets/mobile/menu-panel.scss
@@ -51,10 +51,10 @@
     // accounts for menu "ears" 4px + border 1px
     padding: 0.75em calc(0.5em + 4px + 1px);
     margin: 0.25em;
-    @media screen and (max-height: 380px) {
+    @media screen and (max-height: 500px) {
       // reduce padding to avoid scroll
-      padding-top: 0.5em;
-      padding-bottom: 0.5em;
+      padding-top: 0.25em;
+      padding-bottom: 0.25em;
     }
   }
 }