From 8b7b1056ace748e90f52f55a1130923c115f38b7 Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Tue, 4 Aug 2020 16:14:05 +0200
Subject: [PATCH] fix: style change in modal deleteUserModal

---
 webapp/components/Modal/DeleteUserModal.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/webapp/components/Modal/DeleteUserModal.vue b/webapp/components/Modal/DeleteUserModal.vue
index 8ef2ca540..63f7940a6 100644
--- a/webapp/components/Modal/DeleteUserModal.vue
+++ b/webapp/components/Modal/DeleteUserModal.vue
@@ -8,24 +8,25 @@
     <div>
       <ds-section>
         <ds-flex>
-          <ds-flex-item>
+          <ds-flex-item width="50%">
             <user-teaser :user="userdata" />
           </ds-flex-item>
-          <ds-flex-item>
-            <ds-text size="small">
-              {{ $t('modals.deleteUser.created') }}:
+          <ds-flex-item width="20%">
+            <ds-text size="small">   
+                        
+              <relative-date-time :date-time="userdata.createdAt" class="relative-date-time"/>
               <br />
-              <relative-date-time :date-time="userdata.createdAt" />
+                {{ $t('modals.deleteUser.created') }}            
             </ds-text>
           </ds-flex-item>
-          <ds-flex-item>
+          <ds-flex-item width="15%">
             <ds-number
               size="small"
               :count="userdata.contributionsCount"
               :label="$t('common.post', null, userdata.contributionsCount)"
             />
           </ds-flex-item>
-          <ds-flex-item>
+          <ds-flex-item width="15%">
             <ds-number
               size="small"
               :count="userdata.commentedCount"
@@ -175,4 +176,7 @@ export default {
   z-index: $z-index-modal;
   border-radius: $border-radius-x-large;
 }
+.relative-date-time {
+  font-weight: 700;
+}
 </style>