Update icon, remove text, and switch

Changelog: changed

app/assets/javascripts/admin/users/components/user_actions.vue

@@ -69,7 +69,6 @@ export default {
     editButtonAttrs() {
       return {
         'data-testid': 'edit',
-        icon: 'pencil-square',
         href: this.userPaths.edit,
       };
     },
@@ -100,6 +99,7 @@ export default {
       }}</gl-button>
       <gl-button
         v-else
+        icon="pencil-square"
         v-gl-tooltip="$options.i18n.edit"
         v-bind="editButtonAttrs"
         :aria-label="$options.i18n.edit"
@@ -109,11 +109,11 @@ export default {
     <div v-if="hasDropdownActions" class="gl-p-2">
       <gl-dropdown
         data-testid="dropdown-toggle"
-        :text="$options.i18n.userAdministration"
         :text-sr-only="!showButtonLabels"
-        icon="ellipsis_h"
+        icon="ellipsis_v"
         data-qa-selector="user_actions_dropdown_toggle"
         :data-qa-username="user.username"
+        v-gl-tooltip="$options.i18n.userAdministration"
         no-caret
         right
       >

app/views/admin/users/_head.html.haml

@@ -27,8 +27,6 @@
       = render_if_exists 'admin/users/gma_user_badge'
 
   .gl-my-3.gl-display-flex.gl-flex-wrap.gl-my-n2.gl-mx-n2
-    .gl-p-2
-      #js-admin-user-actions{ data: admin_user_actions_data_attributes(@user) }
     - if @user != current_user
       .gl-p-2
         - if impersonation_enabled? && @user.can?(:log_in)
@@ -36,6 +34,8 @@
         - if can_force_email_confirmation?(@user)
           %button.btn.gl-button.btn-info.js-confirm-modal-button{ data: confirm_user_data(@user) }
             = _('Confirm user')
+    .gl-p-2
+      #js-admin-user-actions{ data: admin_user_actions_data_attributes(@user) }
 = gl_tabs_nav do
   = gl_tab_link_to _("Account"), admin_user_path(@user)
   = gl_tab_link_to _("Groups and projects"), projects_admin_user_path(@user)