add bootstrap cols and resize list icons

features/device-mgt-mdm-windows-feature/org.wso2.carbon.device.mgt.mobile.windows.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.windows.type-view/type-view.hbs

@@ -4,19 +4,19 @@
     <p class="margin-bottom-double light-grey ">Connect your Windows device
         to the WSO2 device cloud.</p>
 </div>
-<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 padding-top">
+<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
     <img src="{{@unit.publicUri}}/images/windows-icon.png" class="img-responsive">
 </div>
-<div class="col-xs-12 col-sm-6 col-md-8 col-lg-8 padding-top">
+<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
     <h3 class="uppercase">Ingredients</h3>
     <hr>
     <p class="grey margin-top">Hardware Requirements </p>
     <br>
 
     <ul class="list-unstyled">
-        <li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i>
+        <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
                 <i class="fw fw-right-arrow fw-stack-1x"></i></span> Windows Mobile</li>
-        <li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i>
+        <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
                 <i class="fw fw-right-arrow fw-stack-1x"></i></span> QR Code Scanner App</li>
     </ul>
 
@@ -28,7 +28,7 @@
     <br/><br/>
 </div>
 
-<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double">
+<div class="col-xs-12 col-sm-6 col-md-12 col-lg-12 padding-double">
     <h3 class="uppercase">Connect (Quick Start)</h3><hr>
     <p class="grey margin-top">Quickstart connection</p>
     <br/>