diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue index e0e8304d..d3bed061 100644 --- a/src/components/settings_modal/settings_modal.vue +++ b/src/components/settings_modal/settings_modal.vue @@ -11,22 +11,13 @@ {{ $t('settings.settings') }} </span> <transition name="fade"> - <div v-if="currentSaveStateNotice"> - <div - v-if="currentSaveStateNotice.error" - class="alert error" - @click.prevent - > - {{ $t('settings.saving_err') }} - </div> - - <div - v-if="!currentSaveStateNotice.error" - class="alert transparent" - @click.prevent - > - {{ $t('settings.saving_ok') }} - </div> + <div + v-if="currentSaveStateNotice" + class="alert" + :class="{ transparent: !currentSaveStateNotice.error, error: currentSaveStateNotice.error}" + @click.prevent + > + {{ currentSaveStateNotice.error ? $t('settings.saving_err') : $t('settings.saving_ok') }} </div> </transition> <button diff --git a/src/panel.scss b/src/panel.scss index 1180d9e7..f3e51d39 100644 --- a/src/panel.scss +++ b/src/panel.scss @@ -118,6 +118,8 @@ margin: 0; margin-left: 0.5em; min-width: 1px; + padding-top: 0; + padding-bottom: 0; } .button-default {