From 361d082c4e9206cec8048ae0273c22c625176d00 Mon Sep 17 00:00:00 2001
From: Christoph Haas <christoph.h@sprinternet.at>
Date: Tue, 4 Apr 2017 15:36:53 +0200
Subject: [PATCH] Changed HTML Element for rendering

---
 js/origrcv.js | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/js/origrcv.js b/js/origrcv.js
index 58ff8d7..06f791e 100644
--- a/js/origrcv.js
+++ b/js/origrcv.js
@@ -23,8 +23,10 @@ Zarafa.plugins.origrcv.OrigRcvPlugin = Ext.extend(Zarafa.core.Plugin, {
      */
     showOriginalReceiver: function() {
         return {
-            xtype: 'label',
-            style: 'width: 99%;',
+            xtype: 'container',
+            autoEl: 'div',
+            style: 'margin-top: 6px;',
+            cls: 'preview-header-recipientbox',
             plugins: ['zarafa.recordcomponentupdaterplugin'],
             scope: this,
             update: this.onMailDataOpen,
@@ -38,9 +40,10 @@ Zarafa.plugins.origrcv.OrigRcvPlugin = Ext.extend(Zarafa.core.Plugin, {
      * @param {Boolean} contentReset force the component to perform a full update of the data.
      */
     onMailDataOpen: function(record, resetContent) {
+        var label = this.getEl();
         // Set label to empty value by default, to override previous S/MIME message text
-        this.setText("");
-        this.hide();
+        label.update(""); // empty div
+        label.hide();
 
         if (record.opened) {
             var toRegex = /^To\s*:\s*(.*)$/igm; // parse "to" header
@@ -60,16 +63,16 @@ Zarafa.plugins.origrcv.OrigRcvPlugin = Ext.extend(Zarafa.core.Plugin, {
 
                 // only display if receiver addresses differ
                 if (emailAddresses.length == 1 && !(emailAddresses[0] == record.get('display_to') || emailAddresses[0] == record.get('received_by_email_address'))) {
-                    this.setText("Original To: " + emailAddresses[0]);
-                    this.show();
+                    label.update("Original To: " + emailAddresses[0]);
+                    label.show();
                 } else if (emailAddresses.length > 1) {
                     var addressList = "";
                     for (var i = 0; i < emailAddresses.length; i++) {
                         if (i != 0) addressList += ", ";
                         addressList += emailAddresses[i];
                     }
-                    this.setText("Original To: " + addressList);
-                    this.show();
+                    label.update("Original To: " + addressList);
+                    label.show();
                 }
             }
         }