From d2b160438c4e84c930e3bbbce485b951e4284625 Mon Sep 17 00:00:00 2001 From: Toivo Mattila Date: Sat, 17 Mar 2018 23:16:55 +0200 Subject: [PATCH] Added margin to buttons on Settings-page (#10034) * Added margin to buttons on Settings-page * Added bottom margin for 'Enable Class System' button --- website/client/components/settings/site.vue | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/website/client/components/settings/site.vue b/website/client/components/settings/site.vue index 22bc305d8d..a6857abc6f 100644 --- a/website/client/components/settings/site.vue +++ b/website/client/components/settings/site.vue @@ -76,9 +76,9 @@ hr - button.btn.btn-primary(@click='showBailey()', popover-trigger='mouseenter', popover-placement='right', :popover="$t('showBaileyPop')") {{ $t('showBailey') }} - button.btn.btn-primary(@click='openRestoreModal()', popover-trigger='mouseenter', popover-placement='right', :popover="$t('fixValPop')") {{ $t('fixVal') }} - button.btn.btn-primary(v-if='user.preferences.disableClasses == true', @click='changeClassForUser(false)', + button.btn.btn-primary.mr-2.mb-2(@click='showBailey()', popover-trigger='mouseenter', popover-placement='right', :popover="$t('showBaileyPop')") {{ $t('showBailey') }} + button.btn.btn-primary.mr-2.mb-2(@click='openRestoreModal()', popover-trigger='mouseenter', popover-placement='right', :popover="$t('fixValPop')") {{ $t('fixVal') }} + button.btn.btn-primary.mb-2(v-if='user.preferences.disableClasses == true', @click='changeClassForUser(false)', popover-trigger='mouseenter', popover-placement='right', :popover="$t('enableClassPop')") {{ $t('enableClass') }} hr @@ -93,7 +93,7 @@ option(v-for='option in dayStartOptions' :value='option.value') {{option.name}} .col-5 - button.btn.btn-block.btn-primary(@click='openDayStartModal()', + button.btn.btn-block.btn-primary.mt-1(@click='openDayStartModal()', :disabled='newDayStart === user.preferences.dayStart') | {{ $t('saveCustomDayStart') }} hr @@ -111,8 +111,8 @@ div ul.list-inline li(v-for='network in SOCIAL_AUTH_NETWORKS') - button.btn.btn-primary(v-if='!user.auth[network.key].id', @click='socialAuth(network.key, user)') {{ $t('registerWithSocial', {network: network.name}) }} - button.btn.btn-primary(disabled='disabled', v-if='!hasBackupAuthOption(network.key) && user.auth[network.key].id') {{ $t('registeredWithSocial', {network: network.name}) }} + button.btn.btn-primary.mb-2(v-if='!user.auth[network.key].id', @click='socialAuth(network.key, user)') {{ $t('registerWithSocial', {network: network.name}) }} + button.btn.btn-primary.mb-2(disabled='disabled', v-if='!hasBackupAuthOption(network.key) && user.auth[network.key].id') {{ $t('registeredWithSocial', {network: network.name}) }} button.btn.btn-danger(@click='deleteSocialAuth(network.key)', v-if='hasBackupAuthOption(network.key) && user.auth[network.key].id') {{ $t('detachSocial', {network: network.name}) }} hr div(v-if='!user.auth.local.username') @@ -171,9 +171,9 @@ div h5 {{ $t('dangerZone') }} div - button.btn.btn-danger(@click='openResetModal()', + button.btn.btn-danger.mr-2.mb-2(@click='openResetModal()', popover-trigger='mouseenter', popover-placement='right', v-b-popover.hover.auto="$t('resetAccPop')") {{ $t('resetAccount') }} - button.btn.btn-danger(@click='openDeleteModal()', + button.btn.btn-danger.mb-2(@click='openDeleteModal()', popover-trigger='mouseenter', v-b-popover.hover.auto="$t('deleteAccPop')") {{ $t('deleteAccount') }}