From 894a59ecc7700472317c580d19df867c08c57b66 Mon Sep 17 00:00:00 2001
From: roschaefer <git@roschaefer.de>
Date: Fri, 23 Aug 2019 19:57:58 +0200
Subject: [PATCH] Fix flickering create-button

---
 webapp/pages/profile/_id/_slug.vue | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index e4f99935d..b33d88bda 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -201,16 +201,22 @@
             </ds-card>
           </ds-grid-item>
 
-          <ds-grid-item :row-span="2" column-span="fullWidth" class="create-button">
-            <ds-button
-              v-if="myProfile"
-              v-tooltip="{ content: 'Create a new Post', placement: 'left', delay: { show: 500 } }"
-              :path="{ name: 'post-create' }"
-              class="profile-post-add-button"
-              icon="plus"
-              size="large"
-              primary
-            />
+          <ds-grid-item :row-span="2" column-span="fullWidth">
+            <ds-space centered>
+              <ds-button
+                v-if="myProfile"
+                v-tooltip="{
+                  content: 'Create a new Post',
+                  placement: 'left',
+                  delay: { show: 500 },
+                }"
+                :path="{ name: 'post-create' }"
+                class="profile-post-add-button"
+                icon="plus"
+                size="large"
+                primary
+              />
+            </ds-space>
           </ds-grid-item>
 
           <template v-if="activePosts.length">
@@ -435,10 +441,6 @@ export default {
 .pointer {
   cursor: pointer;
 }
-.create-button {
-  text-align: center;
-  margin: auto;
-}
 .Tab {
   border-collapse: collapse;
   padding-bottom: 5px;