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 000000000..8e86cdc66
--- /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 90cfb7682..cfffb7b6a 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">