From 08173c76634f1cf3775417d60d84bcfb7c135a1c Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Fri, 29 Apr 2022 23:27:18 +0200
Subject: [PATCH] Resolve #357

---
 .../templates/Views/User/MailMessageView.html | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
index 2ec62a62c..76c68a2e2 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
@@ -39,13 +39,16 @@
 		<!-- ko if: message -->
 		<div class="b-message" data-bind="i18nUpdate: message">
 			<div class="message-fixed-button-toolbar">
-				<div class="btn-group" style="margin-right: -8px">
-					<a class="btn btn-thin btn-transparent buttonReply fontastic"
-						data-bind="visible: 1 == lastReplyAction(), command: replyCommand" data-i18n="[title]MESSAGE/BUTTON_REPLY">←</a>
-					<a class="btn btn-thin btn-transparent buttonReplyAll fontastic"
-						data-bind="visible: 2 == lastReplyAction(), command: replyAllCommand" data-i18n="[title]MESSAGE/BUTTON_REPLY_ALL">↞</a>
-					<a class="btn btn-thin btn-transparent buttonForward fontastic"
-						data-bind="visible: 3 == lastReplyAction(), command: forwardCommand" data-i18n="[title]MESSAGE/BUTTON_FORWARD">→</a>
+				<a class="btn btn-success buttonEdit fontastic hide-mobile" data-bind="visible: isDraftFolder(), command: messageEditCommand">🖉</a>
+				<div class="btn-group" style="margin-right: -8px; display: inline;">
+					<span data-bind="visible: canBeRepliedOrForwarded">
+						<a class="btn btn-thin btn-transparent buttonReply fontastic"
+							data-bind="visible: 1 == lastReplyAction(), command: replyCommand" data-i18n="[title]MESSAGE/BUTTON_REPLY">←</a>
+						<a class="btn btn-thin btn-transparent buttonReplyAll fontastic"
+							data-bind="visible: 2 == lastReplyAction(), command: replyAllCommand" data-i18n="[title]MESSAGE/BUTTON_REPLY_ALL">↞</a>
+						<a class="btn btn-thin btn-transparent buttonForward fontastic"
+							data-bind="visible: 3 == lastReplyAction(), command: forwardCommand" data-i18n="[title]MESSAGE/BUTTON_FORWARD">→</a>
+					</span>
 					<div class="btn-group" data-bind="registerBootstrapDropdown: true" style="display: inline-block">
 						<a class="btn btn-thin btn-transparent dropdown-toggle fontastic" id="more-view-dropdown-id" href="#" tabindex="-1">☰</a>
 						<ul class="dropdown-menu right-edge" role="menu" aria-labelledby="more-view-dropdown-id">
@@ -66,7 +69,7 @@
 									<a href="#" tabindex="-1" data-bind="command: forwardAsAttachmentCommand" data-icon="→" data-i18n="MESSAGE/BUTTON_FORWARD_AS_ATTACHMENT"></a>
 								</li>
 							</div>
-							<div class="dividerbar">
+							<div data-bind="attr: { css: isDraftFolder() ? 'dividerbar' : ''}">
 								<li role="presentation" data-bind="visible: !isDraftFolder() && !isArchiveFolder() && !isArchiveDisabled()">
 									<a href="#" tabindex="-1" data-bind="command: archiveCommand" data-icon="🗄" data-i18n="GLOBAL/TO_ARCHIVE"></a>
 								</li>
@@ -118,10 +121,6 @@
 						</ul>
 					</div>
 				</div>
-
-				<div class="btn-group hide-mobile" data-bind="visible: isDraftFolder()" data-i18n="[title]MESSAGE/BUTTON_EDIT" style="margin-right: 5px">
-					<a class="btn btn-success buttonEdit fontastic" data-bind="command: messageEditCommand">🖉</a>
-				</div>
 			</div>
 
 			<div class="messageItemHeader" data-bind="css: {'emptySubject': '' === message().subject()}">