Fixed first CR comments

Author: may-hartov

demo/v2-demo/images/new.svg

@@ -135,14 +135,15 @@ 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");
             SetToggleHandler("editandsave-operations-div");
             LoadCodeArea("#embedCodeDiv", _Report_GetId);
+            AddImgToNewOperations();
         });
-    }
+      }
 }
 
 function setCodeArea(mode, entityType)

demo/v2-demo/scripts/report.js

@@ -80,3 +80,20 @@ function CopyTextArea(textAreaSelector, buttonSelector) {
 function ClearTextArea(textAreaSelector) {
     $(textAreaSelector).val("");
 }
+
+function AddImgToNewOperations(){
+  var newListItems = $('.newOperation');
+  newListItems.each(function(index, value)
+  {
+      var pElement = document.createElement("p");
+      pElement.innerText = value.innerText;
+
+      var newImgElement = document.createElement("img");
+      newImgElement.src = "images\\new.svg";
+      
+      value.innerText = '';
+      value.appendChild(pElement);
+      value.appendChild(newImgElement);
+      
+  });
+}

demo/v2-demo/scripts/utils.js

@@ -32,14 +32,8 @@
                         <li class="" onclick="Report_UpdateSettings()">Update settings</li>
                         <li class="" onclick="Report_Reload()">Reload</li>
                         <li class="" onclick="Report_Refresh()">Refresh</li>
-                        <li class="newOperation" onclick="Report_Extensions_OptionsMenu()">
-                            <p>Extend options menu</p>
-                            <img src="images\new.svg"/>
-                        </li>
-                        <li class="newOperation" onclick="Report_Extensions_ContextMenu()">
-                            <p>Extend context menu</p>
-                            <img src="images\new.svg"/>
-                        </li>
+                        <li class="newOperation" onclick="Report_Extensions_OptionsMenu()">Extend options menu</li>
+                        <li class="newOperation" onclick="Report_Extensions_ContextMenu()">Extend context menu</li>
                         <li class="" onclick="Report_FullScreen()">Full screen</li>
                         <li class="" onclick="Report_ExitFullScreen()">Exit full screen</li>
                     </ul>

demo/v2-demo/settings_interact.html

@@ -12,9 +12,9 @@ <h3>Sample Report</h3>
 
     <div id="sampleQna" class="pbi-line">
       <div class="pageTitle">
-          <div class="pageTitleNewItem">
+          <div class="newItem">
             <h3>Sample Q&A</h3>
-            <img src="images\new.svg" class = "textAreaControl"/>
+            <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>

demo/v2-demo/step_authorize.html

@@ -423,17 +423,18 @@ a {
     padding: 0px 20px 0px 0px;
 }
 
-.newOperation{
-  display: flex;
+.newOperation {
+    display: flex;
 }
 
-.newOperation p{
-  display: inline-block;
-  padding-right: 10px;
-  margin-bottom: 0px;
+.newOperation p {
+    display: inline-block;
+    padding-right: 10px;
+    margin-bottom: 0px;
 }
-.newOperation img{
-  vertical-align: center;
+
+.newOperation img {
+    vertical-align: center;
 }
 
 .function-ul li {
@@ -483,13 +484,12 @@ a {
     font-weight: normal;
 }
 
-.pageTitleNewItem h3
-{
+.newItem h3 {
     display: inline-block;
 }
 
-.pageTitleNewItem img {
-  margin: 0 0 10px 5px;
+.newItem img {
+    margin: 0 0 10px 5px;
 }
 
 .editorTitle {