UX: clean up invite buttons (#26068)

app/assets/javascripts/discourse/app/templates/user-invited-show.hbs

@@ -21,7 +21,7 @@
           @icon="plus"
           @action={{this.createInvite}}
           @label="user.invited.create"
-          class="btn-flat"
+          class="btn-default"
         />
         {{#if this.canBulkInvite}}
           {{#if this.siteSettings.allow_bulk_invite}}
@@ -30,7 +30,7 @@
                 @icon="upload"
                 @action={{this.createInviteCsv}}
                 @label="user.invited.bulk_invite.text"
-                class="btn-flat"
+                class="btn-default"
               />
             {{/unless}}
           {{/if}}

app/assets/stylesheets/common/base/user.scss

@@ -949,6 +949,19 @@
   }
 }
 
+.user-additional-controls {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: end;
+}
+
+.user-invite-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+  margin-left: auto;
+}
+
 .notification-schedule {
   .instruction {
     margin-top: 12px;

app/assets/stylesheets/desktop/user.scss

@@ -73,19 +73,6 @@
     }
   }
 }
-.user-additional-controls {
-  display: flex;
-  flex-wrap: wrap;
-  padding-top: 15px;
-  .single-select-header,
-  button {
-    margin-bottom: 1em;
-    margin-right: 0.75em;
-  }
-  .user-invite-buttons {
-    margin-left: auto;
-  }
-}
 
 .user-content {
   padding: 0;

app/assets/stylesheets/mobile/user.scss

@@ -359,18 +359,6 @@
     .user-invite-search {
       width: 100%;
     }
-    .user-invite-buttons {
-      width: 100%;
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      .btn {
-        margin-bottom: 0.5em;
-      }
-      .btn:not(:last-of-type) {
-        margin-right: 0.5em;
-      }
-    }
   }
 
   table.user-invite-list {