From bdfdb8709c835fd912fe46facf728430e6b2c3d1 Mon Sep 17 00:00:00 2001
From: Luis Suarez <lsuarezh23@gmail.com>
Date: Tue, 28 Jan 2020 08:16:22 -0400
Subject: [PATCH] optimizar espacios en pantalla completa

---
 src/app/modules/carrito/carrito.component.html     |  3 +-
 src/app/modules/carrito/carrito.component.ts       |  9 +++--
 .../modules/forma-pago/forma-pago.component.scss   |  4 +--
 .../info-formas-pago/info-formas-pago.component.ts | 13 +++++--
 .../mensaje-final/mensaje-final.component.html     |  3 +-
 .../mensaje-final/mensaje-final.component.ts       |  2 +-
 .../opcion-pedido/opcion-pedido.component.scss     |  8 ++---
 .../opcion-pedido/opcion-pedido.component.ts       |  4 +--
 .../pago-electronico.component.html                |  4 +--
 .../pago-electronico.component.scss                |  4 +++
 .../pago-electronico/pago-electronico.component.ts |  9 +++--
 .../filtro-categorias.component.html               | 18 ++++++----
 .../filtro-categorias.component.scss               |  3 +-
 .../filtro-categorias.component.ts                 | 13 ++++++-
 .../seleccion-articulos.component.html             |  7 ++--
 .../seleccion-articulos.component.scss             |  9 +++++
 .../seleccion-articulos.component.ts               |  5 ++-
 src/app/shared/footer/footer.component.html        |  2 +-
 src/app/shared/footer/footer.component.ts          |  7 ++--
 src/app/shared/promocion/promocion.component.html  | 42 +---------------------
 src/app/shared/promocion/promocion.component.ts    |  3 +-
 src/styles.scss                                    |  8 +----
 22 files changed, 95 insertions(+), 85 deletions(-)

diff --git a/src/app/modules/carrito/carrito.component.html b/src/app/modules/carrito/carrito.component.html
index 8ed7512..04825e2 100644
--- a/src/app/modules/carrito/carrito.component.html
+++ b/src/app/modules/carrito/carrito.component.html
@@ -2,7 +2,7 @@
   <!-- PUBLICIDADES -->
   <app-header-publicidad></app-header-publicidad>
 
-  <div class="h-75 carrito-content">
+  <div class="h-75 carrito-content" #carritoContent>
     <!-- CABECERA -->
     <div class="row mx-3 h-auto border border-primary rounded-sm">
       <div class="col-12 px-0 py-2 align-self-center">
@@ -23,6 +23,7 @@
       <!-- ARTICULOS -->
       <div
         class="col-12 col-xl-6 p-2 h-50 h-md-25 h-xl-40 text-center text-truncate carrito-articulo"
+        [ngClass]="{'media-pantalla': carritoContent.classList.contains('media-pantalla')}"
         *ngFor="let articulo of articuloService.carrito; let i = index;"
         @EnterLeave>
         <!-- ARTICULO -->
diff --git a/src/app/modules/carrito/carrito.component.ts b/src/app/modules/carrito/carrito.component.ts
index dab9fd2..ae538f2 100644
--- a/src/app/modules/carrito/carrito.component.ts
+++ b/src/app/modules/carrito/carrito.component.ts
@@ -42,7 +42,9 @@ export class CarritoComponent implements OnInit, OnDestroy {
       this.router.navigate(['']);
       return;
     }
-    this.mediaPantallaP();
+    // console.log('COMPONENTE INICIADO');
+    
+    this.mediaPantalla();
   }
 
   ngOnDestroy() {
@@ -69,9 +71,10 @@ export class CarritoComponent implements OnInit, OnDestroy {
     this.inactiveScreen.startTimeOutInactividad();
   }
 
-  mediaPantallaP() {
+  mediaPantalla() {
     if ($('body').hasClass('media-pantalla')) {
-      $('.carrito-content,.carrito-articulo').addClass('media-pantalla');
+      $(`.carrito-content`).addClass('media-pantalla').addBack('media-pantalla');
     }
+    console.log('AGARRA CONIOO');
   }
 }
diff --git a/src/app/modules/forma-pago/forma-pago.component.scss b/src/app/modules/forma-pago/forma-pago.component.scss
index d7fb0a2..a138d17 100644
--- a/src/app/modules/forma-pago/forma-pago.component.scss
+++ b/src/app/modules/forma-pago/forma-pago.component.scss
@@ -4,7 +4,7 @@
   -webkit-box-flex: 0;
   flex: 0 0 41.6666666667%;
   max-width: 41.6666666667%;
-  left: 10%;
+  left: 20%;
   margin-left: 0 !important;
 }
 
@@ -14,6 +14,6 @@
   -webkit-box-flex: 0;
   flex: 0 0 41.6666666667%;
   max-width: 41.6666666667%;
-  right: 10%;
+  right: 20%;
   margin-right: 0 !important;
 }
diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.ts b/src/app/modules/info-formas-pago/info-formas-pago.component.ts
index 93bc95e..ce8cd0e 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.ts
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.ts
@@ -7,14 +7,15 @@ import { BsModalService } from 'ngx-bootstrap/modal';
   styleUrls: ['./info-formas-pago.component.scss']
 })
 export class InfoFormasPagoComponent implements OnInit, OnDestroy {
-  mediaPantalla = false;
   timer: any;
 
   constructor(
     private modalService: BsModalService,
   ) { }
 
-  ngOnInit() { }
+  ngOnInit() {
+    this.mediaPantalla();
+  }
 
   ngOnDestroy() {
     if (this.timer) clearTimeout(this.timer);
@@ -26,4 +27,12 @@ export class InfoFormasPagoComponent implements OnInit, OnDestroy {
       modalRef.hide();
     }, 3000);
   }
+
+  mediaPantalla() {
+    if ($('body').hasClass('media-pantalla')) {
+      $('.reduce-card-1,.reduce-card-2')
+        .addClass('media-pantalla')
+        .addBack('media-pantalla');
+    }
+  }
 }
diff --git a/src/app/modules/mensaje-final/mensaje-final.component.html b/src/app/modules/mensaje-final/mensaje-final.component.html
index 9a88991..36abb4f 100644
--- a/src/app/modules/mensaje-final/mensaje-final.component.html
+++ b/src/app/modules/mensaje-final/mensaje-final.component.html
@@ -52,7 +52,8 @@
     <div class="row justify-content-center">
       <div class="col-auto">
         <div
-          class="d-inline-block py-1 btn-effect bg-primary badge-pill text-white"
+          class="d-inline-block w-100 py-1 btn-effect
+                bg-primary badge-pill text-white text-center"
           (click)="goToSplash()">
           <span class="px-4">FINALIZAR</span>
           <img
diff --git a/src/app/modules/mensaje-final/mensaje-final.component.ts b/src/app/modules/mensaje-final/mensaje-final.component.ts
index 27013e6..58b6e8a 100644
--- a/src/app/modules/mensaje-final/mensaje-final.component.ts
+++ b/src/app/modules/mensaje-final/mensaje-final.component.ts
@@ -18,7 +18,7 @@ export class MensajeFinalComponent implements OnInit {
   ngOnInit() {
     this.timer = setTimeout(() => {
       this.goToSplash();
-    }, 10000);
+    }, 10000000);
     this.mediaPantalla();
   }
 
diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.scss b/src/app/modules/opcion-pedido/opcion-pedido.component.scss
index d7fb0a2..890f6cd 100644
--- a/src/app/modules/opcion-pedido/opcion-pedido.component.scss
+++ b/src/app/modules/opcion-pedido/opcion-pedido.component.scss
@@ -2,8 +2,8 @@
   position: absolute;
   bottom: 150px;
   -webkit-box-flex: 0;
-  flex: 0 0 41.6666666667%;
-  max-width: 41.6666666667%;
+  flex: 0 0 35%;
+  max-width: 35%;
   left: 10%;
   margin-left: 0 !important;
 }
@@ -12,8 +12,8 @@
   position: absolute;
   bottom: 150px;
   -webkit-box-flex: 0;
-  flex: 0 0 41.6666666667%;
-  max-width: 41.6666666667%;
+  flex: 0 0 35%;
+  max-width: 35%;
   right: 10%;
   margin-right: 0 !important;
 }
diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.ts b/src/app/modules/opcion-pedido/opcion-pedido.component.ts
index f0a03a6..7fb24af 100644
--- a/src/app/modules/opcion-pedido/opcion-pedido.component.ts
+++ b/src/app/modules/opcion-pedido/opcion-pedido.component.ts
@@ -13,7 +13,7 @@ export class OpcionPedidoComponent implements OnInit {
   ) { }
 
   ngOnInit() {
-    this.reducirPantalla();
+    this.mediaPantalla();
   }
 
   goTo(path) {
@@ -25,7 +25,7 @@ export class OpcionPedidoComponent implements OnInit {
     localStorage.setItem('pedidoParaLlevar', lugar);
   }
 
-  reducirPantalla() {
+  mediaPantalla() {
     if ($('body').hasClass('media-pantalla')) {
       $('.reduce-card-1,.reduce-card-2').addClass('media-pantalla');
     }
diff --git a/src/app/modules/pago-electronico/pago-electronico.component.html b/src/app/modules/pago-electronico/pago-electronico.component.html
index f681cf7..89497b2 100644
--- a/src/app/modules/pago-electronico/pago-electronico.component.html
+++ b/src/app/modules/pago-electronico/pago-electronico.component.html
@@ -27,12 +27,12 @@
           class="d-block mx-auto h-100 w-auto shadow rounded"
           src="assets/img/qr-skin.jpg">
       </div>
-      <div class="col-10 px-0 h-100 mt-7 mt-lg-5">
+      <div class="col-10 px-0 h-100 mt-7 mt-5">
         <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="d-block mx-auto h-40"
+          class="d-block mx-auto mt-7 qr-mt h-40"
           [src]="urlQr">
       </div>
     </div>
diff --git a/src/app/modules/pago-electronico/pago-electronico.component.scss b/src/app/modules/pago-electronico/pago-electronico.component.scss
index 90d6e77..821cf7a 100644
--- a/src/app/modules/pago-electronico/pago-electronico.component.scss
+++ b/src/app/modules/pago-electronico/pago-electronico.component.scss
@@ -1,3 +1,7 @@
 .mt-7 {
   margin-top: 6rem;
 }
+
+.qr-mt.media-pantalla {
+  margin-top: 2rem !important;;
+}
diff --git a/src/app/modules/pago-electronico/pago-electronico.component.ts b/src/app/modules/pago-electronico/pago-electronico.component.ts
index ecae5ba..c70f341 100644
--- a/src/app/modules/pago-electronico/pago-electronico.component.ts
+++ b/src/app/modules/pago-electronico/pago-electronico.component.ts
@@ -9,7 +9,7 @@ import { APP_SETTINGS } from 'src/etc/AppSettings';
   styleUrls: ['./pago-electronico.component.scss']
 })
 export class PagoElectronicoComponent implements OnInit {
-  urlQr = `${APP_SETTINGS.apiDeboSuite}/qr/${APP_SETTINGS.deploy}/${APP_SETTINGS.codigoP}/tienda/${APP_SETTINGS.terminal}`;
+  urlQr = `${APP_SETTINGS.apiDeboSuite}/qr/${APP_SETTINGS.numeroPlanilla}/${APP_SETTINGS.codigoP}/tienda/${APP_SETTINGS.terminal}`;
 
   constructor(
     private articuloService: ArticuloService,
@@ -30,6 +30,11 @@ export class PagoElectronicoComponent implements OnInit {
         this.articuloService.idComanda = res.data;
         this.router.navigate(['mensaje-final']);
       }, err => console.error(err));
+      this.mediaPantalla();
+  }
+  mediaPantalla() {
+    if ($('body').hasClass('media-pantalla')) {
+      $('.qr-mt').addClass('media-pantalla');
+    }
   }
-
 }
diff --git a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
index 1651a98..7f8b40f 100644
--- a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
+++ b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
@@ -19,29 +19,35 @@
             border-left-0 rounded-right scroll-y cat-box"
       (scroll)="scrollEvent($event)">
       <div
-        class="row mx-2 mb-2 h-25 h-md-32 h-lg-45 justify-content-center tab cat-content"
+        class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
         [ngClass]="{ 'active rounded shadow px-2': allActive, 'border-bottom-effect': !allActive }"
         (click)="selectCategoria(-1, 0)">
         <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="col-12 img-fluid align-self-end d-none d-sm-block rounded-circle"
+          class="col-12 img-fluid align-self-end d-none
+                d-sm-block rounded-circle w-100 h-auto"
           src="assets/img/logo-spot.svg">
         <small class="col-12 px-0 my-1 h-100 h-md-25 align-self-end text-center text-truncate">Todos</small>
       </div>
       <div
-        class="row mx-2 mb-2 h-25 h-md-32 h-lg-45 justify-content-center tab cat-content"
-        [ngClass]="{ 'active rounded shadow px-2': categoria.selected, 'border-bottom-effect': !categoria.selected }"
+        class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
+        [ngClass]="{ 'active rounded shadow px-2': categoria.selected,
+                  'border-bottom-effect': !categoria.selected,
+                  'media-pantalla': templateCategorias.classList.contains('media-pantalla')}"
         (click)="selectCategoria(i, categoria.id)"
+        id="cat-content"
         *ngFor="let categoria of categorias; let i = index;">
         <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="col-12 img-fluid align-self-end d-none d-sm-block rounded-circle"
-          src="{{urlImagenes}}{{categoria.path_imagen}}"
+          class="col-12 img-fluid align-self-end d-none
+                d-sm-block rounded-circle w-100 h-auto"
+          src="assets/img/hamb.png"
           onerror="this.src='assets/img/image-not-found.jpg'">
+           <!-- {{urlImagenes}}{{categoria.path_imagen}} -->
         <small class="col-12 px-1 my-1 h-100 h-md-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
       </div>
     </div>
diff --git a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.scss b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.scss
index a65def2..1996356 100644
--- a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.scss
+++ b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.scss
@@ -35,7 +35,8 @@ $primary: #aa006b;
   }
 }
 
-.cat-content.media-pantalla {
+.cat-content.media-pantalla,
+#cat-content.media-pantalla {
   margin: 0.5rem 0.7rem !important;
   height: 76% !important;
 }
diff --git a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.ts b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.ts
index 5de594e..3b7e83b 100644
--- a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.ts
+++ b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.ts
@@ -25,7 +25,9 @@ export class FiltroCategoriasComponent implements OnInit {
     private inactiveScreen: InactiveScreenService,
   ) { }
 
-  ngOnInit() { }
+  ngOnInit() {
+    this.mediaPantalla();
+  }
 
   getCategorias() {
     this.categoriaService.getAll()
@@ -54,6 +56,7 @@ export class FiltroCategoriasComponent implements OnInit {
           this.getProductos.emit() :
           this.setProductos.emit();
       });
+      this.mediaPantalla();
   }
 
   selectCategoria(index: number, idCategoria?: number) {
@@ -83,4 +86,12 @@ export class FiltroCategoriasComponent implements OnInit {
       el.scroll({ behavior: 'smooth', top: value + el.scrollTop });
     }, 500);
   }
+
+  mediaPantalla() {
+    if ($('body').hasClass('media-pantalla')) {
+      $('.cat-content,#cat-content')
+        .addClass('media-pantalla')
+        .addBack('media-pantalla');
+    }
+  }
 }
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index 8a3c607..5e114f5 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -40,7 +40,7 @@
                     (contextmenu)="false"
                     src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}"
                     onerror="this.src='assets/img/image-not-found.jpg'"
-                    class="card-img-top h-30 h-md-55 rounded-sm">
+                    class="card-img-top w-100 h-auto h-md-55 rounded-sm">
                   <div class="row mx-0 py-1 h-auto justify-content-center">
                     <p
                     [ngClass]="{'text-primary': articulo.PRO, 'text-secondary': !articulo.PRO}"
@@ -129,7 +129,7 @@
                   draggable="false"
                   ondragstart="return false;"
                   (contextmenu)="false"
-                  class="d-block img-fluid p-2 mx-auto rounded"
+                  class="d-block img-fluid p-2 mx-auto rounded w-100 h-auto"
                   src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}"
                   onerror="this.src='assets/img/image-not-found.jpg'">
                 <p class="d-block mt-auto text-center text-primary text-truncate">
@@ -144,7 +144,8 @@
             </div>
           </div>
           <!-- BOTON SCROLL DERECHA -->
-          <div *ngIf="articuloService.carrito.length" class="col-auto btn-effect h-20 align-self-center">
+          <div *ngIf="articuloService.carrito.length" class="col-auto btn-effect
+                      h-20 align-self-center d-contents">
             <img
               draggable="false"
               ondragstart="return false;"
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
index 8b9126a..1568134 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
@@ -1,4 +1,13 @@
 #content.media-pantalla,
+#cat-content.media-pantalla,
 #boxCarrito.media-pantalla {
   max-height: 60% !important;
 }
+
+.modal-content.media-pantalla {
+  margin-top: auto !important;
+}
+
+.d-contents {
+  display: contents !important;
+}
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
index beedf7b..0890d10 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
@@ -139,6 +139,7 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes
       initialState: { articulosPromo: [articulo] },
       class: 'modal-promo modal-dialog-centered'
     });
+    this.mediaPantalla();
   }
 
   openModalSinonimos(sinonimosData: ISinonimo[], articulo: IArticulo) {
@@ -163,6 +164,7 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes
         }
         this.articuloService.setArticulo(articulo);
       });
+      this.mediaPantalla();
   }
 
   deleteArticulo(index: number) {
@@ -200,7 +202,8 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes
 
   mediaPantalla() {
     if ($('body').hasClass('media-pantalla')) {
-      $('.cat-content,#content,.cat-btn,#boxCarrito,.cat-box,.img-categoria')
+      $(`.cat-content,#cat-content,#content,.cat-btn,#boxCarrito,
+        .cat-box,.img-categoria, .modal-content`)
         .addClass('media-pantalla')
         .addBack('media-pantalla');
     }
diff --git a/src/app/shared/footer/footer.component.html b/src/app/shared/footer/footer.component.html
index 433091d..7fb3418 100644
--- a/src/app/shared/footer/footer.component.html
+++ b/src/app/shared/footer/footer.component.html
@@ -1,4 +1,4 @@
-<div class="row w-90 mx-auto h-100 justify-content-between bg-white">
+<div class="row w-90 mx-auto h-100 w-100 justify-content-between bg-white">
   <div class="col-auto align-self-center px-0 bg-white">
     <div class="btn-effect row mx-0 bg-light" (click)="reducirPantalla()">
       <div class="col-auto align-self-center text-primary">ADAPTAR PANTALLA</div>
diff --git a/src/app/shared/footer/footer.component.ts b/src/app/shared/footer/footer.component.ts
index fa71c96..0f4c935 100644
--- a/src/app/shared/footer/footer.component.ts
+++ b/src/app/shared/footer/footer.component.ts
@@ -16,8 +16,7 @@ export class FooterComponent implements OnInit {
   }
 
   reducirPantalla() {
-    $(`
-      body,
+    $(`body,
       .reduce-card-1,
       .reduce-card-2,
       #content,
@@ -31,7 +30,9 @@ export class FooterComponent implements OnInit {
       .carrito-articulo,
       .carrito-content,
       .pago-tarjeta,
-      .modal-promo`)
+      .modal-promo,
+      .modal-content,
+      .qr-mt`)
       .toggleClass('media-pantalla');
   }
 }
diff --git a/src/app/shared/promocion/promocion.component.html b/src/app/shared/promocion/promocion.component.html
index e74e708..f884d17 100644
--- a/src/app/shared/promocion/promocion.component.html
+++ b/src/app/shared/promocion/promocion.component.html
@@ -1,5 +1,5 @@
 <div class="d-flex justify-content-center"
-     *ngIf="!articulosPromo.length">
+     *ngIf="loading">
   <div class="spinner-border text-primary" role="status">
     <span class="sr-only">Loading...</span>
   </div>
@@ -44,43 +44,3 @@
       </div>
     </div>
   </div>
-  <div class="modal-body bg-primary rounded-bottom pb-3 px-2">
-    <div class="row mx-0 w-100">
-      <div class="col-9">
-        <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
-        <h1 class="text-white mb-4">en un combo?</h1>
-      </div>
-      <div class="col-3">
-        <img
-          draggable="false"
-          ondragstart="return false;"
-          (contextmenu)="false"
-          src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
-          onerror="this.src='assets/img/image-not-found.jpg'"
-          class="card-img-top img-fluid rounded-circle">
-      </div>
-    </div>
-    <div
-      class="row mx-0 lista-promociones scroll-y-visible"
-      (scroll)="scrollEvent($event)">
-      <div class="col-12">
-        <div *ngFor="let promo of promociones">
-          <div class="mx-0 mb-2 bg-white badge-pill text-primary" (click)="elegirPromo(promo)">
-            <div class="d-flex">
-              <p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>
-              <p class="font-weight-bold my-auto pr-2">
-                <span>{{promo.PreVen | currency}}</span>
-              </p>
-              <img
-                draggable="false"
-                ondragstart="return false;"
-                (contextmenu)="false"
-                class="d-block icon-30 py-1"
-                src="assets/img/ir-color.svg">
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
\ No newline at end of file
diff --git a/src/app/shared/promocion/promocion.component.ts b/src/app/shared/promocion/promocion.component.ts
index ada3da6..b67cb18 100644
--- a/src/app/shared/promocion/promocion.component.ts
+++ b/src/app/shared/promocion/promocion.component.ts
@@ -51,6 +51,7 @@ export class PromocionComponent implements OnInit {
   }
 
   openModalSinonimos(sinonimosData: ISinonimo[], articulo: IArticulo) {
+    console.log('lanzado open sinonimos');
     const modalSinonimo = this.modalService.show(SinonimoComponent, {
       initialState: { sinonimos: sinonimosData },
       class: 'modal-promo modal-dialog-centered'
@@ -75,7 +76,7 @@ export class PromocionComponent implements OnInit {
       });
   }
 
-  getPromociones() {
+  getPromociones() {  
     const sector = this.articulosPromo[0].CodSec;
     const codigo = this.articulosPromo[0].CodArt;
     this.promocionService.getPromociones(sector, codigo)
diff --git a/src/styles.scss b/src/styles.scss
index b57c210..b38cdf1 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -27,6 +27,7 @@ body.media-pantalla {
   position: absolute;
   bottom: 0;
   width: 100%;
+  background-color: #3d3d3d;
 }
 
 .btn-effect {
@@ -85,13 +86,6 @@ p {
   opacity: 0.5;
 }
 
-body.media-pantalla {
-  height: 50% !important;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-}
-
 .modal-content.media-pantalla {
   margin-top: auto !important;
   margin-bottom: 50px !important;
-- 
1.9.1