From 74f83d906d9cf6f57d3c4e429d0d1e8d0dd55f87 Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Thu, 5 Sep 2019 15:24:11 -0300
Subject: [PATCH] Arreglo en vista.

---
 .../confirmacion-carrito.component.html            | 56 +++++++++++-----------
 src/app/components/sidebar/sidebar.component.html  |  3 +-
 2 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
index 46a0cfe..b67fb2d 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
@@ -10,7 +10,7 @@
     <div class="row m-0">
       <div class="col-12 p-0">
         <p class="h5 py-1 bg-gray text-muted text-center m-0">
-          Pagar
+          &nbsp;
         </p>
       </div>
     </div>
@@ -31,38 +31,38 @@
 
         <div [ngClass]="{'mt-5': verQR}" class="row m-0">
           <!-- GRILLA DE PRODUCTOS DE MI COMPRA -->
-          <div *ngIf="!verQR" class="col-sm-9">
+          <div *ngIf="!verQR" class="col-sm-9 pr-1">
             <div class="row mx-1 pr-1 vh-70 overflow-scroll text-dark">
-              <div class="col-4 p-2" *ngFor="let producto of productos">
-                <div class="bg-white rounded-sm shadow border-0">
-                  <img
-                    src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}"
-                    class="shadow rounded-sm w-100 m-auto">
-                  <div class="p-2">
-                    <p class="h6 min-h-55 text-left m-0">
-                      <small>
-                        {{producto.DET_LAR}}
-                      </small>
-                    </p>
-                    <div *ngIf="producto.tieneSinonimos">
-                      <p *ngFor="let p of producto.productos" class="h6 text-left m-0">
-                        <small>
-                          - {{p.cantidad * producto.cantidad}} {{p.DET_LAR}}
+              <div class="mh-100 col-4 p-2" *ngFor="let producto of productos">
+                <div class="row m-0 h-100 bg-white rounded-sm shadow border-0">
+                  <div class="d-flex align-items-end flex-column">
+                    <div class="w-100">
+                      <img
+                        src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}"
+                        class="shadow rounded-sm w-100 m-auto">
+                    </div>
+                    <div class="w-100 pt-2 px-2">
+                      <p class="h6 text-left">
+                        <small class="font-weight-bold">
+                          {{producto.DET_LAR}}
                         </small>
                       </p>
-                    </div>
-                    <div class="row m-0">
-                      <div class="col-6 my-auto pt-2 pr-2 p-0">
-                        <p class="text-left m-0 h6">
-                          {{producto.cantidad}} x {{producto.PreVen | currency}}
-                        </p>
-                      </div>
-                      <div class="col-6 my-auto pt-2 pr-2 p-0">
-                        <p class="text-right m-0 h6">
-                          {{producto.cantidad * producto.PreVen | currency}}
+                      <div *ngIf="producto.tieneSinonimos">
+                        <p *ngFor="let p of producto.productos" class="h6 text-left m-0">
+                          <small>
+                            - {{p.cantidad * producto.cantidad}} {{p.DET_LAR}}
+                          </small>
                         </p>
                       </div>
                     </div>
+                    <div class="w-100 d-flex justify-content-between mt-auto mb-1 px-2">
+                      <span class="text-left m-0 px-1 h6">
+                        {{producto.cantidad}} x {{producto.PreVen | currency}}
+                      </span>
+                      <span class="text-right m-0 px-1 h6">
+                        {{producto.cantidad * producto.PreVen | currency}}
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -80,7 +80,7 @@
 
           <!-- TICKET -->
           <div class="col-sm-3 px-1">
-            <div class="card rounded-sm shadow">
+            <div class="card shadow">
               <div class="card-body">
                 <p class="h5 card-title">Su Ticket</p>
                 <div class="row mt-4 m-0">
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index 717e21f..d8b8124 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -6,8 +6,7 @@
     <i class="fa fa-shopping-cart" aria-hidden="true"></i>
   </p>
 
-  <div
-    class="overflow-scroll px-1 mb-1 w-100">
+  <div class="overflow-scroll px-1 mb-1 w-100">
     <!-- PRODUCTOS CARRITO -->
     <div class="row m-0"
         *ngFor="let producto of productosCarrito">
-- 
1.9.1