From 095e51fdbd2f1fb1edcaf554dd6a54aacb36f990 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 31 Oct 2022 14:07:49 +0100
Subject: [PATCH] add button for close contribution messages box

---
 .../ContributionMessagesList.vue              | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
index 5f1c03b22..4b7045a40 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -5,15 +5,23 @@
         <contribution-messages-list-item :message="message" />
       </div>
     </b-container>
-    <contribution-messages-formular
-      v-if="['PENDING', 'IN_PROGRESS'].includes(state)"
-      :contributionId="contributionId"
-      @get-list-contribution-messages="getListContributionMessages"
-      @update-state="updateState"
-    />
-    <div v-b-toggle="'collapse' + String(contributionId)" class="text-center pointer h2">
-      <b-icon icon="arrow-up-short"></b-icon>
-      {{ $t('form.close') }}
+    <b-container>
+      <contribution-messages-formular
+        v-if="['PENDING', 'IN_PROGRESS'].includes(state)"
+        :contributionId="contributionId"
+        @get-list-contribution-messages="getListContributionMessages"
+        @update-state="updateState"
+      />
+    </b-container>
+
+    <div
+      v-b-toggle="'collapse' + String(contributionId)"
+      class="text-center pointer h2 clearboth pt-1"
+    >
+      <b-button variant="outline-primary" block class="mt-4">
+        <b-icon icon="arrow-up-short"></b-icon>
+        {{ $t('form.close') }}
+      </b-button>
     </div>
   </div>
 </template>
@@ -55,4 +63,7 @@ export default {
 .temp-message {
   margin-top: 50px;
 }
+.clearboth {
+  clear: both;
+}
 </style>