feat(usernames): vet pet announcement

website/client/components/settings/verifyUsername.vue

@@ -40,13 +40,15 @@
     .small.text-center {{ $t('usernameLimitations') }}
     .row.justify-content-center
       button.btn.btn-primary(type='submit', @click='submitNames()' :disabled='usernameCannotSubmit') {{ $t('saveAndConfirm') }}
+    .scene_veteran_pets.center-block
+    .small.text-center.mb-3 {{ $t('verifyUsernameVeteranPet') }}
     .small.text-center.tos-footer(v-html="$t('usernameTOSRequirements')")
 </template>
 
 <style lang="scss">
   #verify-username___BV_modal_outer_ {
     .modal-content {
-      height: 620px;
+      height: 650px;
       width: 566px;
       padding-left: 2rem;
       padding-right: 2rem;
@@ -64,7 +66,11 @@
   @import '~client/assets/scss/colors.scss';
 
   button {
-    margin: 2rem;
+    margin: 1rem;
+  }
+
+  .center-block {
+    margin: 0 auto 1em auto;
   }
 
   .col-3 {

website/common/locales/en/settings.json

@@ -203,5 +203,6 @@
     "goToSettings": "Go to Settings",
     "usernameVerifiedConfirmation": "Your username, <%= username %>, is confirmed!",
     "usernameNotVerified": "Please confirm your username.",
-    "changeUsernameDisclaimer": "We will be transitioning login names to unique, public usernames soon. This username will be used for invitations, @mentions in chat, and messaging."
+    "changeUsernameDisclaimer": "We will be transitioning login names to unique, public usernames soon. This username will be used for invitations, @mentions in chat, and messaging.",
+    "verifyUsernameVeteranPet": "One of these Veteran Pets will be waiting for you after you've finished confirming!"
 }