From dd68072b3953030bbf5a44fcca71b30f467694e6 Mon Sep 17 00:00:00 2001
From: Luis Suarez <lsuarezh23@gmail.com>
Date: Mon, 17 Feb 2020 13:49:57 -0400
Subject: [PATCH] todo el card es clickeable

---
 .../indicaciones-pago-tarjeta.component.html       | 28 ++++++++++++----------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html b/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
index 2230b75..fcee61b 100644
--- a/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
+++ b/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
@@ -15,7 +15,8 @@
         #card
         class="p-5 mx-auto mt-4 h-30 align-self-center
         btn-effect border border-primary rounded reduce-card-1"
-        [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'">
+        [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
+        [routerLink]="['/pago-tarjeta']">
         <div class="row h-auto">
           <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
             <img
@@ -32,11 +33,10 @@
               DESLIZÁ LA TARJETA POR LA RANURA<br>
               CUANDO LA PANTALLA LO INDIQUE
             </small>
-            <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
+            <div
+             class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
               <div class="row mx-0 bg-primary badge-pill h-auto">
-                <div
-                 class="col-10 align-self-center text-center text-white"
-                 [routerLink]="['/pago-tarjeta']">
+                <div class="col-10 align-self-center text-center text-white">
                   Continuar
                 </div>
                 <div class="col-2 align-self-center p-0">
@@ -55,7 +55,8 @@
       <div
         class="p-5 mx-auto mt-6 h-auto align-self-center
         btn-effect border border-primary rounded reduce-card-1"
-        [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'">
+        [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
+        [routerLink]="['/pago-tarjeta']">
         <div class="row h-auto">
           <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
             <img
@@ -74,11 +75,11 @@
               PARTE INFERIOR DE LECTOR <br>
               CUANDO LA PANTALLA LO INDIQUE
             </small>
-            <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
+            <div
+             class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">             
               <div class="row mx-0 bg-primary badge-pill h-auto">
                 <div
-                 class="col-10 align-self-center text-center text-white"
-                 [routerLink]="['/pago-tarjeta']">
+                 class="col-10 align-self-center text-center text-white">
                   Continuar
                 </div>
                 <div class="col-2 align-self-center p-0">
@@ -97,7 +98,8 @@
       <div
         class="col-sm-10 col-md-4 p-5 mx-auto mt-6 align-self-center
         btn-effect border border-primary rounded reduce-card-1"
-        [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'">  
+        [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
+        [routerLink]="['/pago-tarjeta']">  
         <div class="row h-auto">
           <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
             <img
@@ -115,11 +117,11 @@
               ACERCÁ LA TARJETA AL POSNET<br>
               CUANDO LA PANTALLA LO INDIQUE
             </small>
-            <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
+            <div
+             class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
               <div class="row mx-0 bg-primary badge-pill h-auto">
                 <div
-                 class="col-10 align-self-center text-center text-white"
-                 [routerLink]="['/pago-tarjeta']">
+                 class="col-10 align-self-center text-center text-white">
                   <small>Continuar</small> 
                 </div>
                 <div class="col-2 align-self-center p-0">
-- 
1.9.1