crear rol policias arreglado

src/main/webapp/js/pages/crearRolPolicia.js

-function initDatePicker(selectorName) {
-    $(selectorName).datepicker({
-        minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(),
-        dateFormat: 'dd/mm/yy',
-        defaultDate: new Date(),
-        changeMonth: true,
-        changeYear: true,
-        yearRange: '-18:+0',
-        zIndexOffset: 3000,
-        onSelect: function () {
-//        $(this).valid();
-        }
-    });
-    $(selectorName).datepicker('setDate', 'now');
-}
-
 function listarRolesPolicias(objParams = {}) {
 
 	ajaxWebService.get(URI_ROL_POLICIA, objParams).then((response) => {
@@ -78,9 +62,9 @@ function listarRolesPolicias(objParams = {}) {
 		];
 
 		let columnDefs = [
-            {orderable: false, width: '5%', targets: 0, className: "text-center"},
-            {orderable: false, width: '5%', targets: 1},
-            {orderable: false, width: '30%', targets: 2, className: "text-center"},
+			{orderable: false, width: '1%', targets: 0, className: "text-center"},
+			{orderable: false, width: '8%', targets: 1},
+			{orderable: false, width: '10%', targets: 2, className: "text-center"},
 			{orderable: false, width: '7%', targets: 3, className: "text-center"},
 			{orderable: false, width: '7%', targets: 4, className: "text-center"},
 			{orderable: false, width: '10%', targets: 5, className: "text-center"},
@@ -90,16 +74,14 @@ function listarRolesPolicias(objParams = {}) {
 
 		let wrapsNameDatatable = `divRoles`;
 		let classNameForDatatable = `display table table-bordered`;
-        let footer = false
 
-        makeDatatable({
+		makeDatatable(wrapsNameDatatable,
+		  {
 			  data: response.data,
 			  columns,
 			  columnDefs,
-            wrapsNameDatatable,
-            classNameForDatatable,
-            footer
-        }).then((nodes) => {
+		  },
+		  classNameForDatatable).then((nodes) => {
 			nodes.container.off().on("click", ".ver-detalle", function () {
 				let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
 				console.log(data);
@@ -418,8 +400,7 @@ function buscarRoles() {
 }
 
 $().ready(function () {
-    initDatePicker("#dpFechaInicio");
-    initDatePicker("#dpFechaFin");
+	initDatePicker("#dpFechaInicio", "#dpFechaFin");
 	listarSedes("#cboSedesFiltro");
 	listarPolicias("#cboPoliciasFiltro");
 	$('#servicio13').click(modificarServicio);

src/main/webapp/vistas/crearRolPolicia.jsp

@@ -64,7 +64,7 @@
         </div>
 
 
-        <div class="col-md-10 col-md-offset-1">
+        <div class="col-md-8 col-md-offset-2">
             <div class="panel panel-primary card-3" style="margin-top: 30px"> 
                 <div class="panel-heading" style="padding: 8px 15px">
                     <h6 class="panel-title" style="font-size: 15px; font-family: inherit">LISTADO DE ROLES</h6>