few changes to ui

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.default.device.overview-section/overview-section.hbs

@@ -23,18 +23,5 @@
         <td style="padding:10px 15px;">{{this}}</td>
       </tr>
     {{/each}}
-    <tr role="row" class="even">
-        <td class="sorting_1" style="padding:10px 15px;">Status</td>
-        <td style="padding:10px 15px;">
-          {{#equal device.enrolmentInfo.status "ACTIVE"}}<span><i
-                  class="fw fw-success icon-success"></i> Active</span>{{/equal}}
-          {{#equal device.enrolmentInfo.status "INACTIVE"}}<span><i
-                  class="fw fw-warning icon-warning"></i> Inactive</span>{{/equal}}
-          {{#equal device.enrolmentInfo.status "BLOCKED"}}<span><i
-                  class="fw fw-remove icon-danger"></i> Blocked</span>{{/equal}}
-          {{#equal device.enrolmentInfo.status "REMOVED"}}<span><i
-                  class="fw fw-delete icon-danger"></i> Removed</span>{{/equal}}
-        </td>
-    </tr>
     </tbody>
 </table>

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.default.device.type.device-view/device-view.hbs

@@ -34,25 +34,22 @@
     </style>
 {{/zone}}
 
-{{#zone "overview-section"}}
-    <div style="background: #11375B; color: #fff; padding: 10px; margin-bottom: 5px">
-        Device Overview - {{device.type}}</div>
-    {{unit "cdmf.unit.default.device.overview-section" device=device}}
-{{/zone}}
-
 {{#zone "device-thumbnail"}}
-    <img src="{{@unit.publicUri}}/images/deviceType.png"/>
+    <i class='square-element text fw fw-devices' style='font-size: 74px;'></i>
 {{/zone}}
 
+{{#zone "device-details"}}
+    {{unit "cdmf.unit.default.device.overview-section" device=device}}
+{{/zone}}
 
 {{#zone "device-opetations"}}
     {{#if features}}
-    <div style="background: #11375B; color: #fff; padding: 10px; margin-bottom: 5px">
+        <div class="operation-container">
-        Operations
+            <div class="operation-title">
-    </div>
+                <h4>Device Operations</h4>
-    <div class="add-margin-top-4x">
+            </div>
-        {{unit "cdmf.unit.default.device.operation-bar" device=device features=features}}
+            {{unit "cdmf.unit.default.device.operation-bar" device=device features=features}}
-    </div>
+        </div>
     {{/if}}
 {{/zone}}