From 54e55eee475a1826eb1f8553f876b7273c6943fb Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Tue, 21 Jan 2020 16:37:57 -0300
Subject: [PATCH] Fix en modal promociones

---
 src/app/shared/promocion/promocion.component.html | 80 +++++++++++++----------
 src/app/shared/promocion/promocion.component.scss |  4 ++
 2 files changed, 49 insertions(+), 35 deletions(-)

diff --git a/src/app/shared/promocion/promocion.component.html b/src/app/shared/promocion/promocion.component.html
index 723c349..86ac3ba 100644
--- a/src/app/shared/promocion/promocion.component.html
+++ b/src/app/shared/promocion/promocion.component.html
@@ -1,51 +1,61 @@
-<div class="modal-header bg-primary rounded-top">
-  <div class="col-12">
-    <div class="row justify-content-between" *ngIf="articulosPromo.length">
-      <div>
-        <h3 class="ml-2 text-white mt-2">{{articulosPromo[0].DetArt}}</h3>
-      </div>
-      <div>
-        <div
-          class="row mr-3 justify-content-between bg-white badge-pill"
-          (click)="elegirPromo(articulosPromo[0])">
-          <div class="col px-0 align-self-center text-primary">
-            <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p> 
-          </div>
-          <div class="col-3 px-0">
-            <img
-              draggable="false"
-              ondragstart="return false;"
-              (contextmenu)="false"
-              class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
-              src="assets/img/ir-color.svg">
-          </div>
+<div class="modal-header px-0 bg-primary rounded-top">
+  <div class="row mx-0 w-100 justify-content-between" *ngIf="articulosPromo.length">
+    <div class="col-8">
+      <p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>
+    </div>
+    <div class="col-4 align-self-center">
+      <div
+        class="row mx-0 justify-content-between bg-white badge-pill"
+        (click)="elegirPromo(articulosPromo[0])">
+        <div class="col px-0 align-self-center text-primary">
+          <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p> 
+        </div>
+        <div class="col-3 px-0">
+          <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
+            src="assets/img/ir-color.svg">
         </div>
       </div>
     </div>
   </div>
 </div>
-<div class="modal-body bg-primary rounded-bottom" *ngIf="articulosPromo.length">
-  <div class="row">
+<div class="modal-body px-0 bg-primary rounded-bottom" *ngIf="articulosPromo.length">
+  <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 rounded-circle">
+      <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">
+    <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="row mx-0 justify-content-between">
-            <p class="text-truncate"><small>{{promo.DetArt}}</small></p>
-            <p class="font-weight-bold">{{promo.PreVen | currency}}</p>
+          <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 class="col-3 rounded-circle">
-      <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>
diff --git a/src/app/shared/promocion/promocion.component.scss b/src/app/shared/promocion/promocion.component.scss
index e69de29..9851b75 100644
--- a/src/app/shared/promocion/promocion.component.scss
+++ b/src/app/shared/promocion/promocion.component.scss
@@ -0,0 +1,4 @@
+.lista-promociones {
+  min-height: auto;
+  max-height: 25vh;
+}
-- 
1.9.1