Fix “Your Account” popup on mobile (#5652) (#7172)

* Fix “Your Account” popup on mobile (#5652)

* Update changelog

Co-authored-by: Branko Tomic <branko@spicefactory.co>

CHANGELOG.md

@@ -23,6 +23,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Fix floating player stopping on markdown or image files ([#7073](https://github.com/lbryio/lbry-desktop/pull/7073))
 - Fix list thumbnail upload ([#7074](https://github.com/lbryio/lbry-desktop/pull/7074))
 - Stream Key is now hidden _community pr!_ ([#7127](https://github.com/lbryio/lbry-desktop/pull/7127))
+- Fixed “Your Account” popup on mobile ([#7172](https://github.com/lbryio/lbry-desktop/pull/7172))
 
 ## [0.51.2] - [2021-08-20]
 

ui/scss/component/menu-button.scss

@@ -9,6 +9,7 @@
   position: absolute;
   z-index: 2;
   font-size: var(--font-body);
+  max-width: calc(100% - var(--height-button) - var(--spacing-xs));
 }
 
 [data-reach-menu-list] {
@@ -73,8 +74,6 @@
 .menu__list {
   box-shadow: var(--card-box-shadow);
   animation: menu-animate-in var(--animation-duration) var(--animation-style);
-  border-bottom-left-radius: var(--border-radius);
-  border-bottom-right-radius: var(--border-radius);
 
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
@@ -113,9 +112,13 @@
 
 .menu__link-help {
   @extend .menu__link;
+  display: block;
   color: var(--color-text-help);
   font-size: var(--font-small);
   padding-top: 0;
+  white-space: normal;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
 }
 
 .menu__link--notification {