From 43728dd0a59c6cc1f2c1187993a486df751f3f05 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 25 Apr 2023 19:57:48 +0200
Subject: [PATCH] flex system for eventdatas in post

---
 .../ContributionForm/ContributionForm.vue     |  1 -
 webapp/pages/post/_id/_slug/index.vue         | 20 ++++++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/webapp/components/ContributionForm/ContributionForm.vue b/webapp/components/ContributionForm/ContributionForm.vue
index d26862960..0a598f99f 100644
--- a/webapp/components/ContributionForm/ContributionForm.vue
+++ b/webapp/components/ContributionForm/ContributionForm.vue
@@ -52,7 +52,6 @@
           {{ contentLength }}
           <base-icon v-if="errors && errors.content" name="warning" />
         </ds-chip>
-        <ds-space margin-top="base" />
         <!-- Eventdata -->
         <div v-if="creatEvent" class="eventDatas" style="background-color: #efeef1; padding: 10px">
           {{ formData.eventStart }}
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index 499bfff26..c7712134e 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -58,11 +58,21 @@
             <content-viewer class="content hyphenate-text" :content="post.content" />
             <!-- Eventdata -->
             <ds-space v-if="post.postType[0] === 'Event'" margin-bottom="small">
-              <ds-list size="small" style="background-color: beige; padding: 10px;">
-                <ds-list-item><span style="width: 100px">Start:</span> {{ post.eventStart }}</ds-list-item>
-                <ds-list-item><span style="width: 100px">Location:</span> {{ post.eventLocationName }}</ds-list-item>
-                <ds-list-item><span style="width: 100px">Ort:</span> {{ post.eventVenue }}</ds-list-item>
-              </ds-list>
+              <ds-flex>
+                <ds-flex-item width="200px">Start:</ds-flex-item>
+                <ds-flex-item>{{ post.eventStart }}</ds-flex-item>
+              </ds-flex>
+              <ds-space margin-bottom="small" />
+              <ds-flex>
+                <ds-flex-item width="200px">Veranstaltungsort:</ds-flex-item>
+                <ds-flex-item class="text-bold">{{ post.eventLocationName }}</ds-flex-item>
+              </ds-flex>
+              <ds-space margin-bottom="small" />
+              <ds-flex>
+                <ds-flex-item width="200px">Stadt:</ds-flex-item>
+                <ds-flex-item>{{ post.eventVenue }}</ds-flex-item>
+              </ds-flex>
+              
             </ds-space>
             <!-- Categories -->
             <div v-if="categoriesActive" class="categories">