diff -r 606b4af8f918 -r d341f0a91a91 www/js/inv_suppliers.js
--- a/www/js/inv_suppliers.js	Sat Aug 11 22:49:44 2018 +0200
+++ b/www/js/inv_suppliers.js	Sun Aug 12 21:24:33 2018 +0200
@@ -21,18 +21,20 @@
  *****************************************************************************/
 
 
+
 function createDelElements() {
 	$('#eventWindow').jqxWindow({
 		theme: theme,
-		position: { x: 355, y: 210 },
-		width: 270,
+		position: { x: 490, y: 210 },
+		width: 300,
+		height: 145,
 		resizable: false,
 		isModal: true,
 		modalOpacity: 0.4,
 		okButton: $('#delOk'),
 		cancelButton: $('#delCancel'),
 		initContent: function () {
-			$('#delOk').jqxButton({ width: '65px', theme: theme });
+			$('#delOk').jqxButton({ width: '65px', theme: theme }); 
 			$('#delCancel').jqxButton({ width: '65px', theme: theme });
 			$('#delCancel').focus();
 		}
@@ -41,6 +43,7 @@
 }
 
 
+
 $(document).ready(function () {
 	var url = "includes/db_inventory_suppliers.php";
 	// prepare the data
@@ -125,7 +128,8 @@
 	var editrow = -1;
 	// initialize jqxGrid
 	$("#jqxgrid").jqxGrid({
-		width: 980,
+		width: 1280,
+		height: 630,
 		source: dataAdapter,
 		theme: theme,
 		showstatusbar: true,
@@ -138,7 +142,7 @@
 			// add new row.
 			addButton.click(function (event) {
 				editrow = -1;
-				$("#popupWindow").jqxWindow({ position: { x: 80, y: 10 } });
+				$("#popupWindow").jqxWindow({ position: { x: 230, y: 10 } });
 				$("#name").val('');
 				$("#address").val('');
 				$("#city").val('');
@@ -154,16 +158,17 @@
 		filterable: true,
 		filtermode: 'excel',
 		columns: [
-			{ text: 'Supplier Name', datafield: 'name', width: 250 },
-			{ text: 'City', datafield: 'city', width: 250 },
-			{ text: 'Country', datafield: 'country', width: 250 },
-			{ text: 'Phone', datafield: 'phone', width: 100 },
-			{ text: 'Edit', datafield: 'Edit', columntype: 'button', cellsrenderer: function () {
+			{ text: 'Leverancier naam', datafield: 'name', width: 250 },
+			{ text: 'Adres', datafield: 'address', width: 300 },
+			{ text: 'Plaats', datafield: 'city', width: 250 },
+			{ text: 'Land', datafield: 'country', width: 250 },
+			{ text: 'Telefoon', datafield: 'phone', width: 100 },
+			{ text: 'Wijzig', datafield: 'Edit', columntype: 'button', cellsrenderer: function () {
 				return "Edit";
 				}, buttonclick: function (row) {
 					// open the popup window when the user clicks a button.
 					editrow = row;
-					$("#popupWindow").jqxWindow({ position: { x: 80, y: 10 } });
+					$("#popupWindow").jqxWindow({ position: { x: 230, y: 10 } });
 					// get the clicked row's data and initialize the input fields.
 					var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
 					$("#name").val(dataRecord.name);