diff --git a/src/js/controller.js b/src/js/controller.js
index 47d891c..e87b537 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -1,71 +1,47 @@
 angular.module('focaHojaRuta')
     .controller('listaHojaRutaCtrl',
         [
-            '$scope',
-            '$location',
-            '$filter',
-            '$uibModal',
-            'hojaRutaService',
-            'focaLoginService',
-            'focaModalService',
-            '$rootScope',
-            '$localStorage',
-            function (
-                $scope,
-                $location,
-                $filter,
-                $uibModal,
-                hojaRutaService,
-                focaLoginService,
-                focaModalService,
-                $rootScope,
-                $localStorage
-            ) {
+            '$scope', '$location', '$filter', '$uibModal', 'hojaRutaService',
+            'focaLoginService', 'focaModalService', '$rootScope', '$localStorage',
+            function ($scope, $location, $filter, $uibModal, hojaRutaService,
+                focaLoginService, focaModalService, $rootScope, $localStorage) {
 
                 var loginData = focaLoginService.getLoginData();
-
                 config();
-
+                init();
                 function config() {
-
                     $scope.cabecera = [];
                     $scope.showCabecera = true;
                     $scope.now = new Date();
                     $scope.puntoVenta = '0000';
                     $scope.comprobante = '00000000';
                 }
-
-                hojaRutaService.getHojaRuta(loginData.chofer).then(function (res) {
-
-                    if (res.data) {
-                        var hojaRuta = res.data;
-                        $scope.hojaRuta = hojaRuta;
-                        $scope.puntoVenta = hojaRuta.sucursal;
-                        $scope.comprobante = hojaRuta.numeroHojaRuta;
-                        addCabecera('Transportista:', hojaRuta.transportista.NOM);
-                        addCabecera('Chofer:', hojaRuta.chofer.nombre);
-                        addCabecera('Vehículo:', hojaRuta.vehiculo.tractor);
-                    } else {
-                        focaModalService.alert('Sin hoja de ruta asignada');
-                        $location.path('/');
-                    }
-
-                    watch();
-
-                    if (!$scope.estadoRed) {
-                        getLSHojaRuta();
-                    }
-
-
-                });
-
+                function init() {
+                    hojaRutaService.getHojaRuta(loginData.chofer)
+                        .then(function (res) {
+                            if (res.data) {
+                                var hojaRuta = res.data;
+                                $scope.hojaRuta = hojaRuta;
+                                $scope.puntoVenta = hojaRuta.sucursal;
+                                $scope.comprobante = hojaRuta.numeroHojaRuta;
+                                addCabecera('Transportista:', hojaRuta.transportista.NOM);
+                                addCabecera('Chofer:', hojaRuta.chofer.nombre);
+                                addCabecera('Vehículo:', hojaRuta.vehiculo.tractor);
+                            } else {
+                                focaModalService.alert('Sin hoja de ruta asignada');
+                                $location.path('/');
+                            }
+                            watch();
+                            if (!$scope.estadoRed) {
+                                getLSHojaRuta();
+                            }
+                        });
+                }
                 function watch() {
-
                     $scope.$watch('hojaRuta', function (nuevoValor) {
                         $localStorage.hojaRuta = JSON.stringify(nuevoValor);
                     }, true);
                 }
-
                 $scope.verDetalle = function (remito) {
                     var modalInstance = $uibModal.open(
                         {
@@ -80,20 +56,13 @@ angular.module('focaHojaRuta')
                             size: 'lg'
                         }
                     );
-                    modalInstance.result.then(function () {
-                        //funcion se ejecuta cuando se carga pantalla
-                    });
+                    modalInstance.result
+                        .then(function (data) {
+                            //funcion se ejecuta cuando se carga pantalla
+                            console.log(data);
+                        })
+                        .catch(function (e) { console.info(e); });
                 };
-
-                function addCabecera(label, valor) {
-                    var propiedad = $filter('filter')($scope.cabecera, { label: label }, true);
-                    if (propiedad.length === 1) {
-                        propiedad[0].valor = valor;
-                    } else {
-                        $scope.cabecera.push({ label: label, valor: valor });
-                    }
-                }
-
                 $scope.rellenar = function (relleno, longitud) {
                     relleno = '' + relleno;
                     while (relleno.length < longitud) {
@@ -102,11 +71,9 @@ angular.module('focaHojaRuta')
 
                     return relleno;
                 };
-
                 $scope.salir = function () {
                     $location.path('/');
                 };
-
                 $scope.terminarHojaRuta = function () {
                     focaModalService
                         .confirm('¿Desea terminar la hoja de ruta? No podra realizar ninguna ' +
@@ -136,7 +103,6 @@ angular.module('focaHojaRuta')
                         );
                     }
                 };
-
                 $scope.datosExtraCierre = function (terminar) {
                     var modalInstance = $uibModal.open(
                         {
@@ -146,7 +112,6 @@ angular.module('focaHojaRuta')
                     );
                     modalInstance.result.then(terminar);
                 };
-
                 $scope.modalDescargas = function () {
                     delete $scope.hojaRuta.remitos[0].cliente;
                     var remito = $scope.hojaRuta.remitos[0];
@@ -158,7 +123,6 @@ angular.module('focaHojaRuta')
                                 ' esta vacía.\n';
                         else
                             mostrarMensaje = false;
-
                     }
                     if (mostrarMensaje === true) {
                         focaModalService.alert(msg);
@@ -173,26 +137,32 @@ angular.module('focaHojaRuta')
                             },
                         }
                     );
-
                     modalInstance.result.then(function (data) {
-
                         console.log(data);
                     });
                 };
-
                 $rootScope.$on('estadoRed', function (event, value) {
                     $scope.estadoRed = value;
                 });
-
+                function addCabecera(label, valor) {
+                    var propiedad = $filter('filter')($scope.cabecera, { label: label }, true);
+                    if (propiedad.length === 1) {
+                        propiedad[0].valor = valor;
+                    } else {
+                        $scope.cabecera.push({ label: label, valor: valor });
+                    }
+                }
                 function getLSHojaRuta() {
 
                     var hojaRuta = JSON.parse($localStorage.hojaRuta || null);
 
                     if (hojaRuta) {
+                        console.log('getLSHojaRuta() => ', hojaRuta);
                         $scope.hojaRuta = hojaRuta;
                         delete $localStorage.hojaRuta;
                     }
                 }
 
             }
-        ]);
+        ]
+    );
diff --git a/src/views/lista-hoja-ruta.html b/src/views/lista-hoja-ruta.html
index 34f180c..d05ef5e 100644
--- a/src/views/lista-hoja-ruta.html
+++ b/src/views/lista-hoja-ruta.html
@@ -1,4 +1,4 @@
-<div>
+<div class="row mx-0">
     <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
         <div class="row p-1 panel-informativo">
             <div class="col-12">
@@ -59,62 +59,79 @@
             </div>
         </div>
     </div>
-    <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
-        <div class="row grilla-articulo">
-            <table ng-hide="hojaRuta.abierta" class="table table-responsive table-striped table-sm table-dark">
-                <thead>
-                    <tr>
-                        <th>#</th>
-                        <th>Número</th>
-                        <th>Razon Social</th>
-                        <th>Domicilio</th>
-                        <th>&nbsp;</th>
-                    </tr>
-                </thead>
-                <tbody class="tabla-articulo-body">
-                    <tr
-                        ng-repeat="(key, remito) in hojaRuta.remitos"
-                    >
-                        <td ng-bind="key + 1"></td>
-                        <td 
-                            ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"
-                        ></td>
-                        <td ng-bind="remito.nombreCliente"></td>
-                        <td ng-bind="remito.domicilioStamp"></td>
-                        <td>
-                            <button
-                                class="btn btn-secondary"
-                                type="button"
-                                ng-click="verDetalle(remito)"
-                            ><i class="fa fa-search" aria-hidden="true"></i>
-                            </button>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
+    <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 mb-5">
+        <div ng-hide="hojaRuta.abierta" class="row">
+            <div class="col p-0">
+                <table class="table table-striped table-sm table-dark">
+                    <thead>
+                        <tr>
+                            <th class="align-middle">#</th>
+                            <th class="align-middle">Número</th>
+                            <th class="align-middle">Razon Social</th>
+                            <th class="align-middle" colspan="2">Domicilio</th>
+                        </tr>
+                    </thead>
+                    <tbody class="tabla-articulo-body">
+                        <tr
+                            ng-repeat="(key, remito) in hojaRuta.remitos"
+                        >
+                            <td class="align-middle" ng-bind="key + 1"></td>
+                            <td
+                                class="align-middle"
+                                ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"
+                            ></td>
+                            <td class="align-middle" ng-bind="remito.nombreCliente"></td>
+                            <td class="align-middle" ng-bind="remito.domicilioStamp"></td>
+                            <td class="align-middle">
+                                <div class="btn-group-vertical">
+                                    <button
+                                        class="btn btn-secondary my-1 rounded"
+                                        type="button"
+                                        ng-click="verDetalle(remito)">
+                                        <i class="fa fa-search" aria-hidden="true"></i>
+                                    </button>
+                                    <button
+                                        class="btn btn-secondary my-1 rounded"
+                                        type="button">
+                                        <i class="fa fa-check fa-lg text-success" aria-hidden="true"></i>
+                                    </button>
+                                    <button
+                                        ng-show="remito.rechazado"
+                                        class="btn btn-secondary my-1 rounded"
+                                        type="button">
+                                        <i class="fa fa-remove fa-lg text-danger" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
         </div>
         <div ng-show="hojaRuta.abierta" class="row grilla-articulo">
-            <table  class="table table-striped table-sm table-dark">
-                <thead>
-                    <tr>
-                        <th colspan="3" class="text-center">Remito abierto Nº
-                            {{[hojaRuta.remitos[0].sucursal, hojaRuta.remitos[0].numeroRemito] | comprobante}}
-                        </th>
-                    </tr>
-                    <tr>
-                        <th>Cisterna</th>
-                        <th>Producto</th>
-                        <th>Disponibles</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr ng-repeat="cisterna in hojaRuta.remitos[0].cisternas">
-                        <td ng-bind="cisterna.codigo"></td>
-                        <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
-                        <td ng-bind="cisterna.cisternaCarga.cantidad"></td>
-                    </tr>
-                </tbody>
-            </table>
+            <div class="col p-0">
+                <table class="table table-striped table-sm table-dark">
+                    <thead>
+                        <tr>
+                            <th colspan="3" class="text-center">Remito abierto Nº
+                                {{[hojaRuta.remitos[0].sucursal, hojaRuta.remitos[0].numeroRemito] | comprobante}}
+                            </th>
+                        </tr>
+                        <tr>
+                            <th>Cisterna</th>
+                            <th>Producto</th>
+                            <th>Disponibles</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-repeat="cisterna in hojaRuta.remitos[0].cisternas">
+                            <td ng-bind="cisterna.codigo"></td>
+                            <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
+                            <td ng-bind="cisterna.cisternaCarga.cantidad"></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
             <table class="table table-striped table-sm table-dark">
                 <thead>
                     <tr>