From f7f06cfa3af7950dc01765e051b0cdbd8af927dd Mon Sep 17 00:00:00 2001
From: nat <nat@delcita.nathaliehc.uy>
Date: Mon, 11 Apr 2022 23:40:41 -0300
Subject: [PATCH] Mostrar apto para veganes y celiques. Reacomodar iconos de
 nacional y ecosolidaria

---
 public/js/productos.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/public/js/productos.js b/public/js/productos.js
index cd9c74b..ec4be86 100644
--- a/public/js/productos.js
+++ b/public/js/productos.js
@@ -119,20 +119,21 @@ Vue.component('producto-container', {
           </header>
           <section class="modal-card-body">
               <div class="card-image">
+                  <figure v-show="producto.nacional" class="image icono is-32x32" style="z-index:10">
+                      <img src="/assets/uruguay.png">
+                  </figure>
+                  <figure v-show="producto.economia_solidaria" class="image icono is-32x32" style="z-index:10">
+                      <img src="/assets/solidaria.png">
+                  </figure>
                   <figure class="image is-4by3">
                       <img
                           v-bind:src="producto.imagen ? producto.imagen : 'https://bulma.io/images/placeholders/1280x960.png'">
                   </figure>
-                  <figure v-show="producto.nacional" class="image icono is-32x32">
-                      <img src="/assets/uruguay.png">
-                  </figure>
-                  <figure v-show="producto.economia_solidaria" class="image icono is-32x32">
-                      <img src="/assets/solidaria.png">
-                  </figure>
               </div>
               <div class="media-content">
                   <p class="title is-4" v-text="producto.proveedor"></p>
                   <p class="subtitle is-4">$<span v-text="producto.precio"></span></p>
+                  <p class="subtitle is-6"><span v-show="producto.apto_veganxs">Apto para veganxs. </span><span v-show="producto.apto_celiacxs">Apto para celíacxs.</span></p>
                   <p class="subtitle is-5"><span v-text="producto.descripcion"></span></p>
                   <div class="field has-addons is-centered is-thin-centered">
                       <p class="control">