🐛 Fixed visual bug for members label dropdowns

no refs.
- fixed spacing issue for member label dropdown edit icon
- added max width to member label dropdown

ghost/admin/app/styles/components/dropdowns.css

@@ -183,9 +183,9 @@
 }
 
 .dropdown-action .dropdown-content {
-    width: 240px;
+    flex-grow: 1;
     max-height: 50vh;
-    overflow-y: scroll;
+    overflow-y: auto;
     overflow-x: hidden;
     list-style: none;
     padding: 0;
@@ -193,9 +193,8 @@
 }
 
 .dropdown-action .dropdown-label {
-    flex-grow: 1;
     padding: 6px 14px;
-    width: 185px;
+    width: 184px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -218,7 +217,7 @@
     padding: 4px;
     margin-top: -2px;
     margin-bottom: -2px;
-    margin-right: 20px;
+    margin-right: 4px;
     border-radius: 3px;
 }
 

ghost/admin/app/styles/patterns/buttons.css

@@ -488,4 +488,16 @@ Usage: CTA buttons grouped together horizontally.
 .gh-btn-filter.last {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
+}
+
+.gh-btn .gh-btn-filter-maxwidth {
+    display: flex;
+    align-items: center;
+}
+
+.gh-btn .gh-btn-filter-maxwidth span {
+    padding: 0;
+    margin: 0 4px 0 0;
+    display: inline-block;
+    max-width: 160px;
 }

ghost/admin/app/templates/components/gh-members-contentfilter.hbs

@@ -2,8 +2,8 @@
     <GhDropdownButton @dropdownName="members-label-menu"
         @classNames="gh-btn gh-btn-white gh-btn-filter first" @title="Member Labels"
         @data-test-user-actions="true">
-        <span class="nudge-bottom--1 {{if @selectedLabel.slug "blue fw6"}}">
-            {{@selectedLabel.name}}
+        <span class="nudge-bottom--1 {{if @selectedLabel.slug "blue fw6"}} gh-btn-filter-maxwidth" title="{{@selectedLabel.name}}">
+            <span>{{@selectedLabel.name}}</span>
             {{svg-jar "arrow-down-stroke" class="w2 h2 stroke-midgrey ml1"}}
         </span>
     </GhDropdownButton>

ghost/admin/app/templates/members.hbs

@@ -23,7 +23,7 @@
                     @data-test-user-actions="true">
                     <span>
                         {{svg-jar "settings"}}
-                        <span class="hidden">Members Actions</span>
+                        <span class="hidden">Actions</span>
                     </span>
                 </GhDropdownButton>
                 <GhDropdown @name="members-actions-menu" @tagName="ul"