From 0837329c9b74631b36baed1380ff216128df5715 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Mon, 24 Oct 2016 11:26:02 +0200
Subject: [PATCH] Fix some element ratios on mobile devices

---
 .../network/inc/person/list_square_style.html |  2 +-
 .../includes/product_list_square_style.html   | 58 ++++++++++---------
 2 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/app/templates/network/inc/person/list_square_style.html b/app/templates/network/inc/person/list_square_style.html
index 1f9958e3..17b90fdb 100644
--- a/app/templates/network/inc/person/list_square_style.html
+++ b/app/templates/network/inc/person/list_square_style.html
@@ -30,7 +30,7 @@
 
                         {% for person_list_block_inline in person_list_block.person_list_block_inlines.all %}
 
-                            <div class="col-lg-4 col-md-3 col-sm-4 col-xs-6">
+                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
 
                                 {% with person_list_block_inline.person as person %}
 
diff --git a/app/templates/shop/includes/product_list_square_style.html b/app/templates/shop/includes/product_list_square_style.html
index a1ae548f..9b6922ab 100644
--- a/app/templates/shop/includes/product_list_square_style.html
+++ b/app/templates/shop/includes/product_list_square_style.html
@@ -13,34 +13,38 @@
             </div>
         </div>
         <div class="container">
-            <div class="row tac">
-                {% for product_inline in list.products.all %}
-                  {% with product_inline.product as product %}
-                    {% with product.links.all|get_type_link:"link" as links %}
-                      {% with product.prestashop_products.all as prestashop_products %}
-                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
-                            <div class="product-box" >
-                                {% if product.images.all %}
-                                    <a href="{{ links.0 }}" target="_blank" title="{{ product.title }}">
-                                        <figure class="product-box__image">
-                                            <img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="{{ MEDIA_URL }}{% thumbnail product.images.all.0 640 200 top=0.5 %}" alt="product"/>
-                                        </figure>
-                                    </a>
-                                {% endif %}
-                                <div class="product-box__content tal">
-                                    <a href="{{ links.0 }}" target="_blank" title="{{ product.title }}"><h3 class="product-box__title">{{ product.title }}</h3></a>
-                                    {% if product.description %}
-                                        <div class="product-box__desc">{{ product.description|richtext_filters|safe|truncatechars_html:100 }}</div>
-                                    {% elif product.content %}
-                                        <div class="product-box__desc">{{ product.content|richtext_filters|safe|truncatechars_html:100 }}</div>
-                                    {% endif %}
+            <div class="row">
+                <div class="col-sm-9 col-sm-push-3 col-lg-10 col-lg-push-2">
+                    <div class="row tac">
+                        {% for product_inline in list.products.all %}
+                          {% with product_inline.product as product %}
+                            {% with product.links.all|get_type_link:"link" as links %}
+                              {% with product.prestashop_products.all as prestashop_products %}
+                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
+                                    <div class="product-box" >
+                                        {% if product.images.all %}
+                                            <a href="{{ links.0 }}" target="_blank" title="{{ product.title }}">
+                                                <figure class="product-box__image">
+                                                    <img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="{{ MEDIA_URL }}{% thumbnail product.images.all.0 640 200 top=0.5 %}" alt="product"/>
+                                                </figure>
+                                            </a>
+                                        {% endif %}
+                                        <div class="product-box__content tal">
+                                            <a href="{{ links.0 }}" target="_blank" title="{{ product.title }}"><h3 class="product-box__title">{{ product.title }}</h3></a>
+                                            {% if product.description %}
+                                                <div class="product-box__desc">{{ product.description|richtext_filters|safe|truncatechars_html:100 }}</div>
+                                            {% elif product.content %}
+                                                <div class="product-box__desc">{{ product.content|richtext_filters|safe|truncatechars_html:100 }}</div>
+                                            {% endif %}
+                                        </div>
+                                    </div>
                                 </div>
-                            </div>
-                        </div>
-                      {% endwith %}
-                    {% endwith %}
-                  {% endwith %}
-                {% endfor %}
+                              {% endwith %}
+                            {% endwith %}
+                          {% endwith %}
+                        {% endfor %}
+                    </div>
+                </div>
             </div>
         </div>
     </div>
-- 
2.39.5