From a2e08d4f2d7c34f41d7b0ec45c7a357cb3b60806 Mon Sep 17 00:00:00 2001
From: Wes Cossick <WesCossick@users.noreply.github.com>
Date: Sat, 25 Feb 2017 14:20:50 -0600
Subject: [PATCH] Improve button wrapping behavior

---
 .../templates/Views/User/PopupsCompose.html   | 90 ++++++++++---------
 1 file changed, 46 insertions(+), 44 deletions(-)

diff --git a/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html b/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html
index 37c1fddf4..5b33e56e8 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html
@@ -46,49 +46,51 @@
 										</ul>
 									<!-- /ko -->
 								</div>
-								<div class="btn-group dropdown colored-toggle pull-right" style="margin-right: 4px;">
-									<a class="btn single dropdown-toggle buttonMore" data-toggle="dropdown">
-										<i class="icon-list"></i>
-									</a>
-									<ul class="dropdown-menu g-ui-menu" role="menu">
-										<li class="e-item" data-bind="click: function () { requestReadReceipt(!requestReadReceipt()); }">
-											<a class="e-link">
-												<i class="icon-checkbox-unchecked" data-bind="css: {'icon-checkbox-checked': requestReadReceipt(), 'icon-checkbox-unchecked': !requestReadReceipt() }"></i>
-												&nbsp;&nbsp;
-												<span class="i18n" data-i18n="COMPOSE/BUTTON_REQUEST_READ_RECEIPT"></span>
-											</a>
-										</li>
-										<li class="e-item" data-bind="click: function () { requestDsn(!requestDsn()); }">
-											<a class="e-link">
-												<i class="icon-checkbox-unchecked" data-bind="css: {'icon-checkbox-checked': requestDsn(), 'icon-checkbox-unchecked': !requestDsn() }"></i>
-												&nbsp;&nbsp;
-												<span class="i18n" data-i18n="COMPOSE/BUTTON_REQUEST_DSN"></span>
-											</a>
-										</li>
-										<li class="e-item" data-bind="click: function () { markAsImportant(!markAsImportant()); }">
-											<a class="e-link">
-												<i class="icon-checkbox-unchecked" data-bind="css: {'icon-checkbox-checked': markAsImportant(), 'icon-checkbox-unchecked': !markAsImportant() }"></i>
-												&nbsp;&nbsp;
-												<span class="i18n" data-i18n="COMPOSE/BUTTON_MARK_AS_IMPORTANT"></span>
-											</a>
-										</li>
-										<li class="divider" data-bind="visible: capaOpenPGP"></li>
-										<li class="e-item" data-bind="visible: capaOpenPGP, click: openOpenPgpPopup, css: {'disabled': isHtml()}">
-											<a class="e-link">
-												<i class="icon-key"></i>
-												&nbsp;&nbsp;
-												<span class="i18n" data-i18n="COMPOSE/BUTTON_OPEN_PGP"></span>
-											</a>
-										</li>
-									</ul>
-								</div>
-								<div class="btn-group pull-right">&nbsp;</div>
-								<div class="btn-group pull-right">
-									<a class="btn single" data-tooltip-join="top" data-bind="visible: allowContacts, command: contactsCommand, tooltip: 'FOLDER_LIST/BUTTON_CONTACTS'">
-										<i class="icon-address-book"></i>
-									</a>
-								</div>
-								<div class="btn-group pull-right">&nbsp;</div>
+								<span class="pull-right">
+									<div class="btn-group dropdown colored-toggle pull-right" style="margin-right: 4px;">
+										<a class="btn single dropdown-toggle buttonMore" data-toggle="dropdown">
+											<i class="icon-list"></i>
+										</a>
+										<ul class="dropdown-menu g-ui-menu" role="menu">
+											<li class="e-item" data-bind="click: function () { requestReadReceipt(!requestReadReceipt()); }">
+												<a class="e-link">
+													<i class="icon-checkbox-unchecked" data-bind="css: {'icon-checkbox-checked': requestReadReceipt(), 'icon-checkbox-unchecked': !requestReadReceipt() }"></i>
+													&nbsp;&nbsp;
+													<span class="i18n" data-i18n="COMPOSE/BUTTON_REQUEST_READ_RECEIPT"></span>
+												</a>
+											</li>
+											<li class="e-item" data-bind="click: function () { requestDsn(!requestDsn()); }">
+												<a class="e-link">
+													<i class="icon-checkbox-unchecked" data-bind="css: {'icon-checkbox-checked': requestDsn(), 'icon-checkbox-unchecked': !requestDsn() }"></i>
+													&nbsp;&nbsp;
+													<span class="i18n" data-i18n="COMPOSE/BUTTON_REQUEST_DSN"></span>
+												</a>
+											</li>
+											<li class="e-item" data-bind="click: function () { markAsImportant(!markAsImportant()); }">
+												<a class="e-link">
+													<i class="icon-checkbox-unchecked" data-bind="css: {'icon-checkbox-checked': markAsImportant(), 'icon-checkbox-unchecked': !markAsImportant() }"></i>
+													&nbsp;&nbsp;
+													<span class="i18n" data-i18n="COMPOSE/BUTTON_MARK_AS_IMPORTANT"></span>
+												</a>
+											</li>
+											<li class="divider" data-bind="visible: capaOpenPGP"></li>
+											<li class="e-item" data-bind="visible: capaOpenPGP, click: openOpenPgpPopup, css: {'disabled': isHtml()}">
+												<a class="e-link">
+													<i class="icon-key"></i>
+													&nbsp;&nbsp;
+													<span class="i18n" data-i18n="COMPOSE/BUTTON_OPEN_PGP"></span>
+												</a>
+											</li>
+										</ul>
+									</div>
+									<div class="btn-group pull-right">&nbsp;</div>
+									<div class="btn-group pull-right">
+										<a class="btn single" data-tooltip-join="top" data-bind="visible: allowContacts, command: contactsCommand, tooltip: 'FOLDER_LIST/BUTTON_CONTACTS'">
+											<i class="icon-address-book"></i>
+										</a>
+									</div>
+									<div class="btn-group pull-right">&nbsp;</div>
+								</span>
 								<span class="pull-right">
 									<span class="i18n g-ui-link" data-i18n="COMPOSE/TITLE_CC"
 										data-bind="visible: !showCc(), click: function () { showCc(true); }"></span>
@@ -213,4 +215,4 @@
 			</div>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>