From 68543aa823bb0153a034f7d9ec1988e6d896eacb Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Tue, 9 Jul 2019 17:07:38 +0200
Subject: [PATCH] replace spaces with padding

---
 webapp/pages/settings/my-social-media.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index e83a84977..bccde5bd5 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -7,9 +7,7 @@
             <img :src="link.favicon | proxyApiUrl" alt="Social Media link" width="16" height="16" />
             {{ link.url }}
           </a>
-          &nbsp;&nbsp;
-          <span class="layout-leave-active">|</span>
-          &nbsp;&nbsp;
+          <span class="layout-leave-active divider">|</span>
           <ds-icon
             :aria-label="$t('actions.edit')"
             class="layout-leave-active icon-button"
@@ -141,6 +139,10 @@ export default {
 </script>
 
 <style lang="scss">
+.divider {
+  padding: 0 $space-small;
+}
+
 .icon-button {
   cursor: pointer;
 }