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; } } }