Updating UIs of agents to latest

(cherry picked from commit 90c0618)

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

@@ -79,11 +79,11 @@
     </div>
 </div>
 
-{{#if isCloud}}
+<div class="row grey-bg">
-    <div class="row grey-bg">
+    {{#if isCloud}}
-    {{#if isVirtual}}
         <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 add-padding-top-2x add-padding-bottom-2x">
             <h5><strong>Step 1</strong></h5>
+            {{#if isVirtual}}
                 <div class="add-min-height">
                     <ol>
                         <li>Unzip the 'android-tryit.zip file and run the 'start' script on your terminal.</li>
@@ -107,54 +107,51 @@
                     </ol>
                 </div>
                 <img src="{{@unit.publicUri}}/images/android-tryit.png" class="img-responsive">
-            </div>
             {{else}}
-            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 add-padding-top-2x add-padding-bottom-2x">
-                <h5><strong>Step 1</strong></h5>
                 <div class="add-min-height">
                     <p>Let's start by opening the Android agent on your device.
                         <br/>Tap on <b>WSO2 Device Management Agent</b>.
                     </p>
                 </div>
                 <img src="{{@unit.publicUri}}/images/launch_agent.png" class="img-responsive">
-            </div>
             {{/if}}
+        </div>
         <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-offset-1 col-lg-offset-1 add-padding-top-2x add-padding-bottom-2x">
             <h5><strong>Step 2</strong></h5>
             <div class="add-min-height">
-                <p>Enter your :
+                <p>Enter your :</p>
-                <p>
                 <ul>
-                    <li>Organization: <b>{{@user.domain}}</b></li>
                     <li>Username: <b>{{@user.username}}</b></li>
                     <li>Password: <i>Your Cloud password.</i></li>
                 </ul>
             </div>
-            <img src="{{@unit.publicUri}}/images/register.png" class="img-responsive">
+            <img src="{{@unit.publicUri}}/images/register-cloud.png" class="img-responsive">
         </div>
         <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-offset-1 col-lg-offset-1 add-padding-top-2x add-padding-bottom-2x">
             <h5><strong>Step 3</strong></h5>
             <div class="add-min-height">
-                <p>To successfully register the virtual device,</p>
+                <p>To successfully register the device,</p>
                 <ul>
                     <li>Tap <b>ALLOW</b> to provide the necessary permissions.</li>
                     <li>Tap <b>ACTIVATE</b> to enable the device administrator.</li>
                 </ul>
             </div>
         </div>
-{{else}}
+    {{else}}
-    <div class="row grey-bg">
         <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 add-padding-top-2x add-padding-bottom-2x">
             <h5><strong>Step 1</strong></h5>
             {{#if isVirtual}}
+                <div class="add-min-height">
                     <ol>
                         <li>Unzip the 'android-tryit.zip file and run the 'start' script on your terminal.</li>
                         <li>Download and install the Android SDK.
                             <ul>
-                            <li>If you already have an Android SDK on your computer, please provide the location of the
+                                <li>If you already have an Android SDK on your computer, please provide the location of
+                                    the
                                     SDK.
                                 </li>
-                            <li>Else, this tool will download and install the minimum SDK components required to run the
+                                <li>Else, this tool will download and install the minimum SDK components required to run
+                                    the
                                     emulator.
                                     This is a one-time process.
                                 </li>
@@ -167,37 +164,44 @@
                             </ul>
                         </li>
                     </ol>
+                </div>
                 <img src="{{@unit.publicUri}}/images/android-tryit.png" class="img-responsive">
             {{else}}
+                <div class="add-min-height">
                     <p>Let's start by installing the Android agent on your device. Open the downloaded file, and tap
                         <b>INSTALL</b>.</p>
+                </div>
                 <img src="{{@unit.publicUri}}/images/install_agent.png" class="img-responsive">
             {{/if}}
         </div>
 
         <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 add-padding-top-2x add-padding-bottom-2x">
             <h5><strong>Step 2</strong></h5>
+            <div class="add-min-height">
                 <p>Tap Skip to proceed with the default enrollment process.</p>
+            </div>
             <img src="{{@unit.publicUri}}/images/set_profile.png" class="img-responsive">
         </div>
         <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 add-padding-top-2x add-padding-bottom-2x">
             <h5><strong>Step 3</strong></h5>
+            <div class="add-min-height">
                 <p>Enter the server address based on your environment, in the text box provided.</p>
+            </div>
             <img src="{{@unit.publicUri}}/images/registration.png" class="img-responsive">
         </div>
         <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 add-padding-top-2x add-padding-bottom-2x">
             <h5><strong>Step 4</strong></h5>
-            <p>Enter your:
+            <div class="add-min-height">
-            <p>
+                <p>Enter your:</p>
                 <ul>
                     <li>Organization: <b>{{@user.domain}}</b></li>
                     <li>Username: <b>{{@user.username}}</b></li>
                     <li>Password: <i>Your password.</i></li>
                 </ul>
+            </div>
             <img src="{{@unit.publicUri}}/images/register.png" class="img-responsive">
         </div>
-{{/if}}
+    {{/if}}
-
 </div>
 
 {{#zone "topCss"}}