Styling improvements to the virtual firealarm agent download

components/iot-plugins/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

@@ -59,10 +59,26 @@
     </a>
     <a href="#" class="download-link btn-operations">
         <i class="fw fw-download"></i>Download Agent</a>
+
     <div id="download-device-modal-content" class="hide">
-        <div class="modal-content">
+        <div class="modal-header">
-            <div class="row">
+            <h4 class="pull-left modal-title">
-                <div class="col-md-7  center-container">
+                <span class="fw-stack">
+                    <i class="fw fw-raspberry fw-stack-2x"></i>
+                    <span class="fw-stack fw-move-right fw-move-bottom">
+                      <i class="fw fw-ring fw-stack-2x"></i>
+                      <i class="fw fw-circle fw-stack-2x fw-stroke text-info"></i>
+                      <i class="fw fw-add fw-stack-1x fw-inverse"></i>
+                   </span>
+                </span>
+                &nbsp;&nbsp;Add your new firealarm device to {{@app.conf.appName}}
+            </h4>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
+            </button>
+        </div>
+        <hr>
+        <div class="modal-body add-margin-top-2x add-margin-bottom-2x">
+            <div class="panel-body col-centered text-center">
                 <h3>Name your device and download the agent from following link.</h3>
                 <br />
                 <form id="downloadForm" method="GET"
@@ -90,12 +106,14 @@
                             <label for="advanced_agent">Advanced Agent</label>
                         </div>
                     </div>
-                        <div class="buttons" style="padding-bottom: 0px">
-                            <a class="btn btn-operations" onclick="downloadAgent()">Download Now</a>
-                        </div>
                 </form>
             </div>
         </div>
+        <div class="modal-footer">
+            <div class="buttons" style="padding-bottom: 0px">
+                <a class="btn btn-operations" onclick="downloadAgent()">Download Now</a>
+                <a href="javascript:hidePopup()" class="btn-operations btn-default">Cancel</a>
+            </div>
         </div>
     </div>
     <div id="device-agent-downloading-content" class="hide">