diff --git a/src/components/GuestNamePicker.vue b/src/components/GuestNamePicker.vue
index 89038141f0..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
@@ -119,19 +126,19 @@ $modal-padding: calc(var(--default-grid-baseline) * 4);
padding: $modal-padding;
h3 {
+ margin: 0;
display: flex;
align-items: center;
- font-size: 1.3em;
}
- .modal__form {
- padding: 15px 0;
+ p, fieldset {
+ margin: 10px 0;
}
-}
-.modal__buttons {
- display: flex;
- justify-content: center;
- padding: 0 $modal-padding $modal-padding $modal-padding;
+ .modal__buttons {
+ margin-top: $modal-padding;
+ display: flex;
+ justify-content: end;
+ }
}