// Only do this if it's google spreadsheets
if (window.location.href.search('tutsplus.com') !== -1) {
    // get tutsplus.COM tutorials' meta data for getnative and shows extra content
    let getTranslationSize = function () {
        let billable = document.querySelector("meta[property='native:billable']").getAttribute('content');
        let contentLength = document.querySelector("meta[property='native:length']").getAttribute('content');
        let div = document.createElement('div');
        let body = document.getElementsByTagName('body');
        let extraWork = 0;
        let text = 'Billable? ' + billable + ' Length? ' + contentLength + ' Money? ';

        // is it a small publication?
        if (contentLength < 1300) {
            text += 9;
        }

        // is it a medium publication and how much extra work?
        if (contentLength >= 1300 && contentLength <= 2100) {
            extraWork = contentLength - 1300;
            text += 13 + ' Extra? ' + extraWork;
        }

        // is it a big publication and how much extra work?
        if (contentLength > 2100) {
            extraWork = contentLength - 2100;
            text += 18 + ' Extra? ' + extraWork;
        }

        // show tip on screen
        text = document.createTextNode(text);
        div.style.cssText = 'position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);z-index:99999;font-weight:bold;background:red;color:black;display:inline-block;padding:5px;text-transform:capitalize';
        div.appendChild(text);
        body[0].appendChild(div);
    }

    // add item to bar
    bar.appendChild(createButtonAndAttachMethod('Size', getTranslationSize));
}

@@ -86,151 +86,38 @@
 .com
-') !== -1) %7B%0A    // get tutsplus.COM tutorials' meta data for getnative and shows extra content%0A    let getTranslationSize = function (
+%5C/tutorials%5C/') !== -1
 ) %7B%0A    
     
@@ -108,28 +108,24 @@
 = -1) %7B%0A    
-  
-  
 let billable
@@ -203,36 +203,32 @@
 ute('content');%0A
-    
     let contentL
@@ -313,28 +313,24 @@
 'content');%0A
-    
     let div 
@@ -366,70 +366,8 @@
 ');%0A
-        let body = document.getElementsByTagName('body');%0A    
     
@@ -385,20 +385,16 @@
 rk = 0;%0A
-    
     let 
@@ -405,80 +405,131 @@
  = '
-Billable? ' + billable + ' Length? ' + contentLength + ' Money?
+%3Cp%3E%3Cstrong%3EBillable?%3C/strong%3E ' + billable + ' %3Cstrong%3ELength?%3C/strong%3E ' + contentLength + ' %3Cstrong%3EMoney?%3C/strong%3E
  ';%0A%0A
+%0A
-    
     
@@ -558,28 +558,24 @@
 cation?%0A    
-  
-  
 if (contentL
@@ -586,28 +586,24 @@
 h %3C 1300) %7B%0A
-    
         text
@@ -609,39 +609,55 @@
 t += 9;%0A        
-%7D%0A
+text += '%3C/p%3E';
 %0A    
+%7D%0A%0A
     // is it a m
@@ -695,36 +695,32 @@
 extra work?%0A    
-   
- 
 if (contentLengt
@@ -757,36 +757,32 @@
 2100) %7B%0A        
-    
 extraWork = cont
@@ -799,36 +799,32 @@
 - 1300;%0A        
- 
-   
 text += 13 + ' E
@@ -818,30 +818,47 @@
 t += 13 + ' 
-Extra?
+%3Cstrong%3EExtra?%3C/strong%3E
  ' + extraWo
@@ -865,31 +865,47 @@
 rk;%0A        
-%7D%0A
+text += '%3C/p%3E';
 %0A    
+%7D%0A%0A
     // is it
@@ -952,20 +952,16 @@
 rk?%0A    
-  
-  
 if (cont
@@ -976,28 +976,24 @@
 h %3E 2100) %7B%0A
-    
         extr
@@ -1026,28 +1026,24 @@
 00;%0A        
-    
 text += 18 +
@@ -1045,22 +1045,39 @@
  18 + ' 
-Extra?
+%3Cstrong%3EExtra?%3C/strong%3E
  ' + ext
@@ -1092,23 +1092,39 @@
         
-%7D%0A
+text += '%3C/p%3E';
 %0A    
+%7D%0A%0A
     // s
@@ -1149,333 +1149,29 @@
     
-    text = document.createTextNode(text);%0A        div.style.cssText = 'position:fixed;top:50%25;left:50%25;transform: translate(-50%25, -50%25);z-index:99999;font-weight:bold;background:red;color:black;display:inline-block;padding:5px;text-transform:capitalize';%0A        div.appendChild(
+div.innerHTML = 
 text
-)
 ;
-%0A        body%5B0%5D.appendChild(div);%0A    %7D
 %0A%0A  
@@ -1215,63 +1215,11 @@
 ild(
-createButtonAndAttachMethod('Size', getTranslationSize)
+div
 );%0A%7D

make content appear inside extension bar