Fixing text fields alignments

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.geo-dashboard/geo-dashboard.hbs

@@ -530,12 +530,22 @@
         </div>
 
         <div id="dateRangePopup">
-            <div>
+            <div class="form-horizontal">
-                <label> From: <input id="timeFromCal" type="text"> </label>
+                <div class="form-group">
-                <label> To: <input id="timeToCal" type="text"> </label>
+                    <label class="col-sm-3">From:</label>
-                <button type="button" class="btn btn-info btn-xs" onClick="focusOnHistorySpatialObject(document.getElementById('objectId').innerHTML, document.getElementById('timeFromCal').value, document.getElementById('timeToCal').value);return false;">Full History</button>
+                    <div class="col-sm-9">
+                        <input id="timeFromCal" type="text">
                     </div>
                 </div>
+                <div class="form-group">
+                    <label class="col-sm-3">To:</label>
+                    <div class="col-sm-9">
+                        <input id="timeToCal" type="text">
+                    </div>
+                </div>
+            </div>
+            <button type="button" class="btn btn-info btn-xs" onClick="focusOnHistorySpatialObject(document.getElementById('objectId').innerHTML, document.getElementById('timeFromCal').value, document.getElementById('timeToCal').value);return false;">Full History</button>
+        </div>
 
         <div id="markerPopupStop" class="popover top">
             <div class="arrow"></div>