diff --git a/src/components/GuestNamePicker.vue b/src/components/GuestNamePicker.vue
index 86bcab33e3..6154ac79fe 100644
--- a/src/components/GuestNamePicker.vue
+++ b/src/components/GuestNamePicker.vue
@@ -3,7 +3,9 @@
:out-transition="true"
size="small"
:show.sync="show">
-
+
@@ -77,6 +80,10 @@ export default {
},
async mounted() {
+ this.$nextTick(() => {
+ this.$refs.guestNameInput.focus()
+ })
+
const name = document.getElementById('filename').value
const mimeTypeIcon = async () => {
const url = document.getElementById('mimetypeIcon').value
@@ -118,14 +125,20 @@ $modal-padding: calc(var(--default-grid-baseline) * 4);
.modal__content {
padding: $modal-padding;
- .modal__form {
- padding: 15px 0;
+ h3 {
+ margin: 0;
+ display: flex;
+ align-items: center;
}
-}
-.modal__buttons {
- display: flex;
- justify-content: center;
- padding: 0 $modal-padding $modal-padding $modal-padding;
+ p, fieldset {
+ margin: 10px 0;
+ }
+
+ .modal__buttons {
+ margin-top: $modal-padding;
+ display: flex;
+ justify-content: end;
+ }
}