From 6351e0c3fb3435b8d6ad7e20eede9abb970c5575 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 16 Feb 2022 18:48:22 +0100
Subject: [PATCH] Apply same status led indicator for mailbox sharing

---
 src/views/emails.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/emails.html b/src/views/emails.html
index 154a38692..1cc0172f9 100644
--- a/src/views/emails.html
+++ b/src/views/emails.html
@@ -277,9 +277,14 @@
     <div class="row">
       <div class="col-md-12">
         <p>{{ 'emails.mailboxSharing.description' | tr }}</p>
-        <p ng-show="mailboxSharing.enabled !== null && mailboxSharing.enabled">{{ 'emails.mailboxSharing.enabled' | tr }}</p>
-        <p ng-show="mailboxSharing.enabled !== null && !mailboxSharing.enabled">{{ 'emails.mailboxSharing.disabled' | tr }}</p>
-        <button ng-class="mailboxSharing.enabled ? 'btn btn-danger pull-right' : 'btn btn-primary pull-right'" ng-click="mailboxSharing.submit()" ng-disabled="mailboxSharing.enable === mailboxSharing.enabled"><i class="fa fa-circle-notch fa-spin" ng-show="mailboxSharing.busy"></i> {{ mailboxSharing.enabled ? ('main.disableAction' | tr) : ('main.enableAction' | tr) }} </button>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-2" style="padding-top: 12px;">
+        <i class="fa fa-circle" ng-class="{ 'status-active': mailboxSharing.enabled, 'status-inactive': !mailboxSharing.enabled }"></i> {{ mailboxSharing.enabled ? 'main.statusEnabled' : 'main.statusDisabled' | tr }}
+      </div>
+      <div class="col-md-10 text-right">
+        <button class="btn" ng-class="{ 'btn-danger': mailboxSharing.enabled, 'btn-primary': !mailboxSharing.enabled }" ng-click="mailboxSharing.submit()" ng-disabled="mailboxSharing.enable === mailboxSharing.enabled"><i class="fa fa-circle-notch fa-spin" ng-show="mailboxSharing.busy"></i> {{ mailboxSharing.enabled ? ('main.disableAction' | tr) : ('main.enableAction' | tr) }} </button>
       </div>
     </div>
   </div>