diff -r 1d1e3002f26b -r 5d5fc6f7cbfe www/js/inv_suppliers.js
--- a/www/js/inv_suppliers.js	Sat Sep 22 22:15:01 2018 +0200
+++ b/www/js/inv_suppliers.js	Sun Sep 23 17:15:33 2018 +0200
@@ -34,8 +34,8 @@
 		okButton: $('#delOk'),
 		cancelButton: $('#delCancel'),
 		initContent: function () {
-			$('#delOk').jqxButton({ width: '65px', theme: theme }); 
-			$('#delCancel').jqxButton({ width: '65px', theme: theme });
+			$('#delOk').jqxButton({ template: "danger", width: '65px', theme: theme }); 
+			$('#delCancel').jqxButton({ template: "success", width: '65px', theme: theme });
 			$('#delCancel').focus();
 		}
 	});
@@ -82,6 +82,7 @@
 				url: url,
 				cache: false,
 				data: data,
+				type: "POST",
 				success: function (data, status, xhr) {
 					// delete command is executed.
 					commit(true);
@@ -98,6 +99,7 @@
 				url: url,
 				cache: false,
 				data: data,
+				type: "POST",
 				success: function (data, status, xhr) {
 					commit(true);
 				},
@@ -113,6 +115,7 @@
 				url: url,
 				cache: false,
 				data: data,
+				type: "POST",
 				success: function (data, status, xhr) {
 					// update command is executed.
 					commit(true);
@@ -124,14 +127,14 @@
 		}
 	};
 	// initialize the input fields.
-	$("#name").jqxInput({ theme: theme, width: 250, height: 23 });
-	$("#address").jqxInput({ theme: theme, width: 250, height: 23 });
+	$("#name").jqxInput({ theme: theme, width: 640, height: 23 });
+	$("#address").jqxInput({ theme: theme, width: 350, height: 23 });
 	$("#zip").jqxInput({ theme: theme, width: 120, height: 23 });
-	$("#city").jqxInput({ theme: theme, width: 250, height: 23 });
+	$("#city").jqxInput({ theme: theme, width: 350, height: 23 });
 	$("#country").jqxInput({ theme: theme, width: 250, height: 23 });
-	$("#website").jqxInput({ theme: theme, width: 250, height: 23 });
-	$("#email").jqxInput({ theme: theme, width: 250, height: 23 });
-	$("#phone").jqxInput({ theme: theme, width: 120, height: 23 });
+	$("#website").jqxInput({ theme: theme, width: 640, height: 23 });
+	$("#email").jqxInput({ theme: theme, width: 640, height: 23 });
+	$("#phone").jqxInput({ theme: theme, width: 175, height: 23 });
 	$("#notes").jqxInput({ theme: theme, width: 640, height: 48 });
 
 	var dataAdapter = new $.jqx.dataAdapter(source);
@@ -168,12 +171,12 @@
 		filterable: true,
 		filtermode: 'excel',
 		columns: [
-			{ text: 'Leverancier naam', datafield: 'name', width: 250 },
+			{ text: 'Leverancier naam', datafield: 'name' },
 			{ 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 () {
+			{ text: 'Land', datafield: 'country', width: 200 },
+			{ text: 'Telefoon', datafield: 'phone', width: 175 },
+			{ text: 'Wijzig', datafield: 'Edit', width: 120, align: 'center', columntype: 'button', cellsrenderer: function () {
 				return "Wijzig";
 				}, buttonclick: function (row) {
 					// open the popup window when the user clicks a button.
@@ -203,7 +206,7 @@
 	$("#popupWindow").on('open', function () {
 		$("#name").jqxInput('selectAll');
 	});
-	$("#Delete").jqxButton({ theme: theme });
+	$("#Delete").jqxButton({ template: "danger", width: '80px', theme: theme });
 	$("#Delete").click(function () {
 		if (editrow >= 0) {
 			// Open a popup to confirm this action.
@@ -215,8 +218,8 @@
 		}
 		$("#popupWindow").jqxWindow('hide');
 	});
-	$("#Cancel").jqxButton({ theme: theme });
-	$("#Save").jqxButton({ theme: theme });
+	$("#Cancel").jqxButton({ template: "primary", width: '80px', theme: theme });
+	$("#Save").jqxButton({ template: "success", width: '80px', theme: theme });
 	// update the edited row when the user clicks the 'Save' button.
 	$("#Save").click(function () {
 		if (editrow >= 0) {