From fcc6a4a084b1ee5680be29c3574663ae7f420e10 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Tue, 23 Jul 2019 14:48:28 +0200
Subject: [PATCH] center arrow icon in list

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

diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index 2bf3d8385..e289022e2 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -9,7 +9,7 @@
     <ds-card :header="$t('settings.social-media.name')">
       <ds-space v-if="socialMediaLinks" margin-top="base" margin="x-small">
         <ds-list>
-          <ds-list-item v-for="link in socialMediaLinks" :key="link.id">
+          <ds-list-item v-for="link in socialMediaLinks" :key="link.id" class="list-item--high">
             <ds-input
               v-if="editingLink.id === link.id"
               id="editSocialMedia"
@@ -222,4 +222,10 @@ export default {
 .icon-button {
   cursor: pointer;
 }
+
+.list-item--high {
+  .ds-list-item-prefix {
+    align-self: center;
+  }
+}
 </style>