diff options
author | Richard Steinmetz <richard@steinmetz.cloud> | 2023-08-16 12:17:05 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-08-16 12:17:05 +0200 |
commit | 18f661ad948fb3ef5e15b048330bde581be45d1f (patch) | |
tree | 7bf9557e12fa4e6634967c7c26a53adc3fb2492b | |
parent | e0083a8cac5fab0f95de0e3fca3c14a9975b38b0 (diff) | |
parent | 7133c302304687972e504113384f20ee24567c7f (diff) |
Merge pull request #3568 from nextcloud/fix/import-and-new-contact-buttons-positioning
Proper positioning of "Import contacts" and "New contact" buttons
-rw-r--r-- | src/views/Contacts.vue | 34 |
1 files changed, 18 insertions, 16 deletions
diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue index d3e09cea..64c2d902 100644 --- a/src/views/Contacts.vue +++ b/src/views/Contacts.vue @@ -28,20 +28,20 @@ :loading="loadingContacts || loadingCircles" :selected-group="selectedGroup" :selected-contact="selectedContact"> - <!-- new-contact-button --> - <SettingsImportContacts v-if="!loadingContacts && isEmptyGroup" /> - <Button v-if="!loadingContacts" - class="new-contact-button" - type="primary" - button-id="new-contact-button" - :wide="true" - :disabled="!defaultAddressbook" - @click="newContact"> - <template #icon> - <IconAdd :size="20" /> - </template> - {{ t('contacts','New contact') }} - </Button> + <div class="import-and-new-contact-buttons"> + <SettingsImportContacts v-if="!loadingContacts && isEmptyGroup" /> + <!-- new-contact-button --> + <Button v-if="!loadingContacts" + type="primary" + :wide="true" + :disabled="!defaultAddressbook" + @click="newContact"> + <template #icon> + <IconAdd :size="20" /> + </template> + {{ t('contacts','New contact') }} + </Button> + </div> </RootNavigation> <!-- Main content: circle, chart or contacts --> @@ -421,7 +421,9 @@ export default { </script> <style lang="scss" scoped> -.new-contact-button { - margin-top: 4px; +.import-and-new-contact-buttons { + display: flex; + flex-direction: column; + gap: 4px; } </style> |