diff options
| author | Anna Aurora <anna@annaaurora.eu> | 2023-08-15 16:13:05 +0200 |
|---|---|---|
| committer | Anna Aurora <anna@annaaurora.eu> | 2023-08-16 11:22:37 +0200 |
| commit | 7133c302304687972e504113384f20ee24567c7f (patch) | |
| tree | 7bf9557e12fa4e6634967c7c26a53adc3fb2492b /src/views | |
| parent | e0083a8cac5fab0f95de0e3fca3c14a9975b38b0 (diff) | |
Proper positioning of "Import contacts" and "New contact" buttons
Signed-off-by: Anna Aurora <anna@annaaurora.eu>
Diffstat (limited to 'src/views')
| -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> |