From c840ceecffabcd8bc7f5971b7ad3a9d8a074d14a Mon Sep 17 00:00:00 2001
From: Matthew Care <matty_care@hotmail.co.uk>
Date: Mon, 27 Jun 2022 01:03:07 +0200
Subject: [PATCH] Allow action links to wrap (#12611)

* Allow action links to wrap

Preventing wrapping means that buttons can overflow their container.

* slightly wider context menu to reduce runty labels

Co-authored-by: Nathan Woulfe <nathan@nathanw.com.au>
---
 src/Umbraco.Web.UI.Client/src/less/application/grid.less        | 2 +-
 .../src/less/components/tree/umb-actions.less                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/application/grid.less b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
index 68160923c8..95511a232f 100644
--- a/src/Umbraco.Web.UI.Client/src/less/application/grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
@@ -133,7 +133,7 @@ body.umb-drawer-is-visible #mainwrapper{
   position: absolute;
   top: 0px;
   left: 100%;
-  min-width: 250px;
+  min-width: 260px;
 }
 
 #speechbubble {
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-actions.less b/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-actions.less
index 0c231830de..887f5d1838 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-actions.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-actions.less
@@ -28,7 +28,6 @@
 
 .umb-action-link {
     position: relative;
-    white-space: nowrap;
     font-size: 15px;
     color: @black;
     padding: 9px 25px 9px 20px;
@@ -37,6 +36,7 @@
     display: flex;
     width: 100%;
     align-items: center;
+    text-align: left;
 
     body.touch & {
         padding: 7px 25px 7px 20px;