diff --git a/website/client/components/groups/createPartyModal.vue b/website/client/components/groups/createPartyModal.vue
index a542f67341c..3b50537481e 100644
--- a/website/client/components/groups/createPartyModal.vue
+++ b/website/client/components/groups/createPartyModal.vue
@@ -1,32 +1,32 @@
-b-modal#create-party-modal(title="Empty", size='lg', hide-footer=true)
+b-modal#create-party-modal(size='lg', hide-footer=true)
.header-wrap(slot="modal-header")
.quest_screen
.row.heading
.col-12.text-center.pr-5.pl-5
h2(v-once) {{ $t('playInPartyTitle') }}
- p(v-once) {{ $t('playInPartyDescription') }}
+ p.mb-4(v-once) {{ $t('playInPartyDescription') }}
button.btn.btn-primary(v-once, @click='createParty()') {{ $t('createParty') }}
.row.grey-row
.col-12.text-center
.join-party
- h3(v-once) {{ $t('wantToJoinPartyTitle') }}
+ h2(v-once) {{ $t('wantToJoinPartyTitle') }}
p(v-html='$t("wantToJoinPartyDescription")')
- .form-group
+ .form-group(@click='copyUsername')
.d-flex.align-items-center
- label.mr-3(for='username') {{ $t('username') }}
+ label.mr-3(v-once) {{ $t('username') }}
.flex-grow-1
.input-group-prepend.input-group-text @
- input.form-control#username-text(
- type='text',
- v-model='user.auth.local.username',
- readonly='true',
- )
- .svg-icon.copy-icon(v-html='icons.copy', @click='copyUsername')
- .small(@click='copyUsername') {{ $t('copy') }}
+ .text {{ user.auth.local.username }}
+ .svg-icon.copy-icon(v-html='icons.copy')
+ .small(v-once) {{ $t('copy') }}
-