Fix the device view zone conflict

components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.hbs

@@ -1,19 +1,20 @@
-{{#zone "content"}}
+{{#zone "contentTitle"}}
-    {{#defineZone "device-detail-top"}}
+    <div class="row wr-device-board">
-        <div class="row wr-device-board">
+        <div class="col-lg-12 wr-secondary-bar">
-            <div class="col-lg-12 wr-secondary-bar">
+            <label class="device-id device-select" data-deviceid="{{device.deviceIdentifier}}"
-                <label class="device-id device-select" data-deviceid="{{device.deviceIdentifier}}"
+                   data-type="{{device.type}}">
-                       data-type="{{device.type}}">
+                Device {{device.name}}
-                    Device {{device.name}}
+                {{#if device.viewModel.model}}
-                    {{#if device.viewModel.model}}
+                    <span class="lbl-device">
-                        <span class="lbl-device">
                         ( {{device.viewModel.vendor}} {{device.viewModel.model}} )
                     </span>
-                    {{/if}}
+                {{/if}}
-                </label>
+            </label>
-            </div>
         </div>
-    {{/defineZone}}
+    </div>
+{{/zone}}
+
+{{#zone "content"}}
     <div class="row no-gutter add-padding-5x add-margin-top-5x" style="border: 1px solid #e4e4e4;">
         <div class="media">
             <div class="media-left media-middle asset-image col-xs-2 col-sm-2 col-md-2 col-lg-2">