From 097f9891f8016a791618dd9b99608a5aa86564e9 Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Thu, 23 Jan 2020 10:02:02 -0300
Subject: [PATCH] Change Toda el area del card de articulo es seleccionable.

---
 .../seleccion-articulos/seleccion-articulos.component.html       | 9 +++++----
 src/styles.scss                                                  | 8 ++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index b9a58e6..8d180a6 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -84,7 +84,9 @@
               <div
                 class="col px-2 my-1 my-md-3 h-auto"
                 *ngFor="let articulo of auxArticulos | slice:0:showQuantity;">
-                <div class="swing-in-top-fwd card h-auto">
+                <div
+                  class="swing-in-top-fwd btn-effect card h-auto"
+                  (click)="elegirArticulo(articulo)">
                   <img
                     draggable="false"
                     ondragstart="return false;"
@@ -101,11 +103,10 @@
                     <p class="col-12 px-1 h-auto text-center line-height-sm min-h-50">
                       <small>{{articulo.DET_LAR}}</small>
                     </p>
-                    <div class="col-12 px-1 align-self-end btn-effect h-auto">
+                    <div class="col-12 px-1 align-self-end h-auto">
                       <div
                         [ngClass]="{'bg-primary': articulo.PRO, 'bg-secondary': !articulo.PRO}"
-                        class="row mx-0 justify-content-between badge-pill"
-                        (click)="elegirArticulo(articulo)">
+                        class="row mx-0 justify-content-between badge-pill">
                         <div class="col px-0 align-self-center text-white text-right">
                           {{articulo.PreVen | currency}}
                         </div>
diff --git a/src/styles.scss b/src/styles.scss
index 2034c9e..410daef 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -23,13 +23,13 @@ body {
 }
 
 .btn-effect {
-  transition: all 0.3s;
+  transition: all 0.3s !important;
   &:hover {
-    cursor: pointer;
-    opacity: 0.7;
+    cursor: pointer !important;
+    opacity: 0.7 !important;
   }
   &:active {
-    transform: scale(1.02);
+    transform: scale(1.02) !important;
   }
 }
 
-- 
1.9.1