From c884ec34d12890318ee26be96d044e7f6d01e222 Mon Sep 17 00:00:00 2001
From: Imesh Chandrasiri <dimal.chandrasiri@gmail.com>
Date: Mon, 5 Dec 2016 16:20:32 +0530
Subject: [PATCH] Fixing text overlapping and UX issues in device pages commit
 2

---
 .../type-view.hbs                                | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/components/device-types/virtual-fire-alarm-plugin/org.wso2.carbon.device.mgt.iot.virtualfirealarm.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.virtual_firealarm.type-view/type-view.hbs b/components/device-types/virtual-fire-alarm-plugin/org.wso2.carbon.device.mgt.iot.virtualfirealarm.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.virtual_firealarm.type-view/type-view.hbs
index c2ad5fe225..27b2ae7372 100644
--- a/components/device-types/virtual-fire-alarm-plugin/org.wso2.carbon.device.mgt.iot.virtualfirealarm.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.virtual_firealarm.type-view/type-view.hbs
+++ b/components/device-types/virtual-fire-alarm-plugin/org.wso2.carbon.device.mgt.iot.virtualfirealarm.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.virtual_firealarm.type-view/type-view.hbs
@@ -205,19 +205,15 @@
     <hr>
     <ul class="list-unstyled">
         <li class="padding-top-double">
-            <span class="circle">01</span>
-               Download your VirtualFireAlarm using [Download Agent] button above.
-        </li>
-        <li class="padding-top-double">
-            <span class="circle">02</span>
+            <span class="badge">01</span>
                Unzip the downloaded Agent.
         </li>
         <li class="padding-top-double">
-            <span class="circle">03</span>
+            <span class="badge">02</span>
                Move into the unzipped Agent folder in the terminal.
         </li>
         <li class="padding-top-double">
-            <span class="circle">04</span>
+            <span class="badge">03</span>
                Unzip the downloaded Agent and start terminal to run this command: [sh
             start-device.sh]
         </li>
@@ -240,17 +236,17 @@
     <hr>
     <ul class="list-unstyled">
         <li class="padding-top-double">
-            <span class="circle">01</span>
+            <span class="badge">01</span>
                You can view all your connected devices at
             <a href="{{@app.context}}/devices">[Device Management]</a> page.
         </li>
         <li class="padding-top-double">
-            <span class="circle">02</span>
+            <span class="badge">02</span>
                Select one of connected devices and check for available control
             operations and monitor Real-Time data.
         </li>
         <li class="padding-top-double">
-            <span class="circle">03</span>
+            <span class="badge">03</span>
                You can also view analytics of the data published to IoT-Server by
             navigating to Device Analytics page.
         </li>