added "new" icon to new operations

Author: may-hartov

demo/v2-demo/scripts/report.js

@@ -135,7 +135,7 @@ function OpenInteractStep() {
     }
     else
     {
-        $("#settings").load("settings_interact.html", function() {            
+        $("#settings").load("settings_interact.html", function() {
             SetToggleHandler("report-operations-div");
             SetToggleHandler("page-operations-div");
             SetToggleHandler("events-operations-div");

demo/v2-demo/scripts/utils.js

@@ -85,14 +85,14 @@ function AddImgToNewOperations(){
   var newListItems = $('.newOperation');
   newListItems.each(function(index, value)
   {
-      var pElement = document.createElement("p");
-      pElement.innerText = value.innerText;
+      var spanElement = document.createElement("span");
+      spanElement.innerText = value.innerText;
 
       var newImgElement = document.createElement("img");
       newImgElement.src = "images\\new.svg";
 
       value.innerText = '';
-      value.appendChild(pElement);
+      value.appendChild(spanElement);
       value.appendChild(newImgElement);
 
   });

demo/v2-demo/step_authorize.html

@@ -11,13 +11,13 @@ <h3>Sample Report</h3>
     </div>
 
     <div id="sampleQna" class="pbi-line">
-      <div class="pageTitle">
-          <div class="newItem">
-            <h3>Sample Q&A</h3>
-            <img src="images\new.svg"/>
-          </div>
-          <h8>You can embed a sample Q&A and interact with Power BI Embedded firsthand by clicking below.</h8>
-      </div>
+        <div class="pageTitle">
+            <div class="newItem">
+                <h3>Sample Q&A</h3>
+                <img src="images\new.svg"/>
+            </div>
+        <h8>You can embed a sample Q&A and interact with Power BI Embedded firsthand by clicking below.</h8>
+    </div>
       <div class="settings">
           <button id="GoToEmbedStepButton_Qna" class="blueButton" onclick="OpenEmbedStepWithSample('Qna')">Embed sample Q&A</button>
       </div>

demo/v2-demo/style/style.css

@@ -423,14 +423,8 @@ a {
     padding: 0px 20px 0px 0px;
 }
 
-.newOperation {
-    display: flex;
-}
-
-.newOperation p {
-    display: inline-block;
+.newOperation span {
     padding-right: 10px;
-    margin-bottom: 0px;
 }
 
 .newOperation img {