From ef0383a84a67d1c00f05552e5d609698a4f0e70f Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 17 Jan 2019 11:50:04 +0100
Subject: [PATCH] Fixed #659: styling inconsistency on about page when instance
description was missing
---
changes/changelog.d/659.bugfix | 1 +
front/src/components/About.vue | 21 ++++++++++++---------
2 files changed, 13 insertions(+), 9 deletions(-)
create mode 100644 changes/changelog.d/659.bugfix
diff --git a/changes/changelog.d/659.bugfix b/changes/changelog.d/659.bugfix
new file mode 100644
index 0000000000..8e86cdc66b
--- /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 90cfb76825..cfffb7b6a2 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">
--
GitLab