From e262fc9b0eedf38fa465e51bf6710b16c322228f Mon Sep 17 00:00:00 2001
From: "J.-S. Caux" <J.S.Caux@uva.nl>
Date: Fri, 23 Oct 2020 19:16:47 +0200
Subject: [PATCH] Add extra message draft save and send buttons

---
 .../assets/vue/components/MessageComposer.vue | 22 +++++++++++++++++--
 .../assets/vue/components/MessagesTable.vue   |  2 +-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/apimail/static/apimail/assets/vue/components/MessageComposer.vue b/apimail/static/apimail/assets/vue/components/MessageComposer.vue
index cdfdbda6c..341848109 100644
--- a/apimail/static/apimail/assets/vue/components/MessageComposer.vue
+++ b/apimail/static/apimail/assets/vue/components/MessageComposer.vue
@@ -1,6 +1,24 @@
 <template>
 <div>
   <h1 class="mb-4">Compose email message</h1>
+  <template v-if="!markReadySuccessful" class="mt-4">
+    <b-button
+      type="savedraft"
+      class="text-white px-2 py-1 my-2"
+      variant="warning"
+      @click.stop.prevent="saveMessage('draft')"
+      >
+      Save draft
+    </b-button>
+    <b-button
+      type="send"
+      class="text-white px-2 py-1 my-2"
+      variant="primary"
+      @click.stop.prevent="saveMessage('ready')"
+      >
+	Send
+      </b-button>
+  </template>
   <b-form>
     <b-row>
       <b-col class="col-lg-6">
@@ -228,7 +246,7 @@
     <template v-if="!markReadySuccessful" class="mt-4">
       <b-button
 	type="savedraft"
-	class="text-white px-1 py-0"
+	class="text-white px-2 py-1"
 	variant="warning"
 	@click.stop.prevent="saveMessage('draft')"
 	>
@@ -236,7 +254,7 @@
       </b-button>
       <b-button
 	type="send"
-	class="text-white px-1 py-0"
+	class="text-white px-2 py-1"
 	variant="primary"
 	@click.stop.prevent="saveMessage('ready')"
 	>
diff --git a/apimail/static/apimail/assets/vue/components/MessagesTable.vue b/apimail/static/apimail/assets/vue/components/MessagesTable.vue
index edaeb82eb..d91314bdb 100644
--- a/apimail/static/apimail/assets/vue/components/MessagesTable.vue
+++ b/apimail/static/apimail/assets/vue/components/MessagesTable.vue
@@ -20,7 +20,7 @@
       >
       <message-composer></message-composer>
       <template v-slot:modal-footer="{ close, }">
-	<b-button size="sm" variant="danger" @click="close()">
+	<b-button variant="danger" class="px-2 py-1" @click="close()">
 	  Close
 	</b-button>
       </template>
-- 
GitLab