Merge branch 'add-2fa-button' into 'master'

Add 2fa button

Closes #47963

See merge request gitlab-org/gitlab-ce!20117

app/assets/stylesheets/pages/profile.scss

@@ -279,6 +279,10 @@ table.u2f-registrations {
   }
 }
 
+.codes {
+  padding-top: 14px;
+}
+
 .oauth-application-show {
   .scope-name {
     font-weight: $gl-font-weight-bold;

app/views/profiles/two_factor_auths/_codes.html.haml

@@ -10,4 +10,6 @@
       %li
         %span.monospace= code
 
-= link_to 'Proceed', profile_account_path, class: 'btn btn-success'
+.d-flex
+  = link_to 'Proceed', profile_account_path, class: 'btn btn-success append-right-10'
+  = link_to 'Download codes', "data:text/plain;charset=utf-8,#{URI.encode(@codes.join("\n"))}", download: "gitlab-recovery-codes.txt", class: 'btn btn-default'

changelogs/unreleased/add-2fa-button.yml

+---
+title: Add button to download 2FA codes
+merge_request:
+author: Luke Picciau
+type: added