From d2b5114a5e211a9b7ac4885f0e3ea85735f39993 Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Wed, 4 Mar 2020 11:51:20 -0300
Subject: [PATCH] Fix vista en filtro de categorias

---
 .../filtro-categorias.component.html               | 35 +++++++++++-----------
 1 file changed, 17 insertions(+), 18 deletions(-)

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 983e928..8317f5f 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
@@ -26,32 +26,31 @@
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="col-12 img-fluid align-self-end d-none
-                d-sm-block rounded-circle h-50"
+          class="img-fluid align-self-end d-none d-sm-block rounded-circle h-100 h-md-70"
           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>
+        <small class="col-12 px-0 my-1 h-100 h-md-20 align-self-end text-center text-truncate">Todos</small>
       </div>
-      
-        <div
-          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,
+      <div
+        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;"
-          [hidden]="categoria.articulos <= 0 
-                   || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
-          <img
+                    'media-pantalla': templateCategorias.classList.contains('media-pantalla')
+                  }"
+        (click)="selectCategoria(i, categoria.id)"
+        id="cat-content"
+        *ngFor="let categoria of categorias; let i = index;"
+        [hidden]="categoria.articulos <= 0 
+                  || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
+        <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="d-none d-sm-block rounded-circle w-auto h-auto col-12"
+          class="d-none d-sm-block rounded-circle w-auto h-100 h-md-70"
           src="{{urlImagenes}}{{categoria.path_imagen}}"
           onerror="this.src='assets/img/imagen-no-encontrada.jpg'">
-          <small class="col-12 px-1 my-1 h-100 h-md-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
-        </div>
-      
+        <small class="col-12 px-1 my-1 h-100 h-md-20 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
+      </div>
     </div>
     <div class="col-auto btn-effect h-5 cat-btn">
       <img
-- 
1.9.1