mobile: set button color in mail view similar to quarantine list

To have a visual feedback about the actions, similar to the swipe
buttons in the quarantine list view. Single difference is that the
default color is grey for swipe buttons and blue for the "normal"
ones, so the whitelist one got different colors, but each fit in
their context somewhat...

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/js/mobile/mailview.js b/js/mobile/mailview.js
index bc2b0354ba1b7e19ade887ea9388847f84c0568d..069a052d0f805e2484d92c4d60b401f1632ec794 100644 (file)
--- a/js/mobile/mailview.js
+++ b/js/mobile/mailview.js
@@ -21,7 +21,7 @@ class MailView extends Component {
                    <i class="icon material-icons md-only">close</i>
                </a>
                <div class="fab-buttons fab-buttons-top">
-                   <a href="/mail/{{mailid}}/blacklist" class="fab-label-button fab-close">
+                   <a href="/mail/{{mailid}}/blacklist" class="fab-label-button fab-close color-orange">
                        <span>
                          <i class="icon f7-icons ios-only">close</i>
                          <i class="icon material-icons md-only">close</i>
@@ -35,14 +35,14 @@ class MailView extends Component {
                        </span>
                        <span class="fab-label">` + gettext("Whitelist") + `</span>
                    </a>
-                   <a href="/mail/{{mailid}}/delete" class="fab-label-button fab-close">
+                   <a href="/mail/{{mailid}}/delete" class="fab-label-button fab-close color-red">
                        <span>
                            <i class="icon f7-icons ios-only">trash</i>
                            <i class="icon material-icons md-only">delete</i>
                        </span>
                    <span class="fab-label">` + gettext("Delete") + `</span>
                    </a>
-                   <a href="/mail/{{mailid}}/deliver" class="fab-label-button fab-close">
+                   <a href="/mail/{{mailid}}/deliver" class="fab-label-button fab-close color-green">
                        <span>
                            <i class="icon f7-icons ios-only">paper_plane</i>
                            <i class="icon material-icons md-only">send</i>