diff --git a/gulpfile.js b/gulpfile.js
index 300e9b9..882c027 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -17,7 +17,12 @@ var paths = {
     dist:     'dist/'
 };
 
-gulp.task('templates', function() {
+gulp.task('clean', function() {
+    return gulp.src(['tmp', 'dist'], {read: false})
+    .pipe(clean());
+});
+
+gulp.task('templates', ['clean'], function() {
     return pump(
         [
             gulp.src(paths.srcViews),
@@ -74,4 +79,8 @@ gulp.task('clean-post-install', function(){
     .pipe(clean());
 });
 
-gulp.task('default', ['webserver']);
\ No newline at end of file
+gulp.task('default', ['webserver']);
+
+gulp.task('watch', function() {
+    gulp.watch([paths.srcJS, paths.srcViews], ['uglify'])
+});
diff --git a/src/views/modal-busqueda-productos.html b/src/views/modal-busqueda-productos.html
index de40080..b95c749 100644
--- a/src/views/modal-busqueda-productos.html
+++ b/src/views/modal-busqueda-productos.html
@@ -1,14 +1,14 @@
-<div class="modal-header">
-    <h3 class="modal-title">Busqueda de Productos</h3>
+<div class="modal-header py-1">
+    <h5 class="modal-title">Busqueda de Productos</h5>
 </div>
 <div class="modal-body" id="modal-body">
-    <div class="input-group mb-3">
-        <input 
-            type="text" 
-            class="form-control" 
-            placeholder="Busqueda" 
-            ng-model="filters" 
-            ng-change="search()" 
+    <div class="input-group">
+        <input
+            type="text"
+            class="form-control"
+            placeholder="Busqueda"
+            ng-model="filters"
+            ng-change="search()"
             ng-keydown="busquedaDown($event.keyCode)"
             ng-keypress="busquedaPress($event.keyCode)"
             foca-focus="selectedProducto == -1"
@@ -33,9 +33,9 @@
                     <td ng-bind="producto.descripcion"></td>
                     <td ng-bind="producto.precio | currency"></td>
                     <td>
-                        <button 
+                        <button
                             type="button"
-                            class="btn p-2 float-right"
+                            class="btn btn-xs p-1 float-right"
                             ng-class="{
                                 'btn-secondary': selectedProducto != key,
                                 'btn-primary': selectedProducto == key
@@ -50,7 +50,7 @@
             </tbody>
         </table>
         <nav>
-            <ul class="pagination justify-content-end">
+            <ul class="pagination pagination-sm justify-content-end mb-0">
                 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                     <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
                         <span aria-hidden="true">&laquo;</span>
@@ -58,13 +58,13 @@
                     </a>
                 </li>
                 <li
-                    class="page-item" 
-                    ng-repeat="pagina in paginas" 
+                    class="page-item"
+                    ng-repeat="pagina in paginas"
                     ng-class="{'active': pagina == currentPage}"
                 >
-                    <a 
-                        class="page-link" 
-                        href="#" 
+                    <a
+                        class="page-link"
+                        href="#"
                         ng-click="selectPage(pagina)"
                         ng-bind="pagina"
                     ></a>
@@ -79,6 +79,6 @@
         </nav>
     </div>
 </div>
-<div class="modal-footer">
-    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
+<div class="modal-footer py-1">
+    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
 </div>