remove sizing of history content div in JS. CSS to fix width and containing box problems.

airtime_mvc/public/css/history_styles.css

@@ -90,20 +90,6 @@
 	background-position: 4px 5px;
 }
 
-/* Bootstrap calendar 
-
-.bootstrap-datetimepicker-widget ul {
-	padding-left: 0px !important;
-}
-
-.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
-	-webkit-border-radius: 2px !important;
-	-moz-border-radius: 2px !important;
-	border-radius: 2px !important;
-}
-
-*/
-
 /* Edit History Record */
 
 .ui-dialog form.ui-widget-content dd {

airtime_mvc/public/css/playouthistory.css

@@ -1,5 +1,12 @@
 @CHARSET "UTF-8";
 
+#history_content {
+	width: 100%;
+	margin: 0px;
+	height: auto;
+	box-sizing: border-box;
+}
+
 .dataTables_filter input {
 	width: 30%;
 }
@@ -26,4 +33,4 @@ div.his-timerange div {
 
 table.dataTable tbody tr {
 	cursor: auto;
-}
+}

airtime_mvc/public/js/airtime/playouthistory/historytable.js

@@ -254,10 +254,7 @@ var AIRTIME = (function(AIRTIME) {
     
     mod.onReady = function() {
     	
-    	var viewport = AIRTIME.utilities.findViewportDimensions(),
+    	var oBaseDatePickerSettings,
-    		widgetHeight = viewport.height - 185,
-    		screenWidth = Math.floor(viewport.width - 110),
-    		oBaseDatePickerSettings,
     		oBaseTimePickerSettings,
     		oTableAgg,
     		oTableItem,
@@ -308,10 +305,6 @@ var AIRTIME = (function(AIRTIME) {
         	$(this).removeClass("ui-state-hover");
         });
     	
-    	$historyContentDiv
-    		.height(widgetHeight)
-    		.width(screenWidth);
-    	
     	oBaseDatePickerSettings = {
     		dateFormat: 'yy-mm-dd',
             //i18n_months, i18n_days_short are in common.js