diff --git a/changes/changelog.d/659.bugfix b/changes/changelog.d/659.bugfix new file mode 100644 index 0000000000000000000000000000000000000000..8e86cdc66bcba537a1c9425fd8c8de9e09b76b8f --- /dev/null +++ b/changes/changelog.d/659.bugfix @@ -0,0 +1 @@ +Fixed a styling inconsistency on about page when instance description was missing (#659) diff --git a/front/src/components/About.vue b/front/src/components/About.vue index 90cfb76825f339fb760a42d12bb06fd7e0c50a48..cfffb7b6a2de69beec727d6a230ec4df00941d64 100644 --- a/front/src/components/About.vue +++ b/front/src/components/About.vue @@ -12,15 +12,18 @@ </div> </section> <section class="ui vertical stripe segment"> - <p v-if="!instance.short_description.value && !instance.long_description.value"> - <translate>Unfortunately, owners of this instance did not yet take the time to complete this page.</translate> - </p> - <router-link - class="ui button" - v-if="$store.state.auth.availablePermissions['settings']" - :to="{path: '/manage/settings', hash: 'instance'}"> - <i class="pencil icon"></i><translate>Edit instance info</translate> - </router-link> + <div + class="ui middle aligned stackable text container"> + <p + v-if="!instance.short_description.value && !instance.long_description.value"><translate>Unfortunately, owners of this instance did not yet take the time to complete this page.</translate></p> + <router-link + class="ui button" + v-if="$store.state.auth.availablePermissions['settings']" + :to="{path: '/manage/settings', hash: 'instance'}"> + <i class="pencil icon"></i><translate>Edit instance info</translate> + </router-link> + <div class="ui hidden divider"></div> + </div> <div v-if="instance.short_description.value" class="ui middle aligned stackable text container">