bug(EJ2-2894): class name updated.

Author: pipeline

src/grid/rowtemplate.html

@@ -6,7 +6,7 @@
         </e-columns>
         <template #rowTemplate let-data>
             <tr>
-                <td class="photo">
+                <td class="rowphoto">
                     <img src="src/grid/images/{{data.EmployeeID}}.png" alt="{{data.EmployeeID}}" />
                 </td>
                 <td class="details">

src/grid/rowtemplate.style.css

@@ -1,31 +1,31 @@
-    .photo img {
+    .rowphoto img {
         width: 100px;
         height: 100px;
         border-radius: 50px;
         box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0,0,0,0.2);
     }
 
     @media screen and (max-width: 600px) and (min-width: 320px) {
-        .photo img {
+        .rowphoto img {
             width: 50px;
             height: 50px;
         }
     }
 
     @media screen and (max-width: 800px) and (min-width: 600px) {
-        .photo img {
+        .rowphoto img {
             width: 70px;
             height: 70px;
         }
     }
 
-    .photo,
+    .rowphoto,
     .details {
         border-color: #e0e0e0;
         border-style: solid;
     }
 
-    .photo {
+    .rowphoto {
         border-width: 1px 0px 0px 0px;
         text-align: center;
     }