From cf8661cd14acf597a5450f0a3bef28114a56762b Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Tue, 18 Oct 2016 17:54:35 +0200
Subject: [PATCH] Person lists fixes

---
 .../src/sass/modules/boxes/_article-box.scss  |  8 ++++++
 .../network/inc/person/list_square_style.html | 25 ++++++++++---------
 .../inc/person/person_card_circle.html        |  2 +-
 .../inc/person/person_card_square.html        |  2 +-
 4 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/app/static/src/sass/modules/boxes/_article-box.scss b/app/static/src/sass/modules/boxes/_article-box.scss
index e31c6fe7..7f57694b 100644
--- a/app/static/src/sass/modules/boxes/_article-box.scss
+++ b/app/static/src/sass/modules/boxes/_article-box.scss
@@ -162,6 +162,8 @@ $module: ".article-box";
         @include margin-top(2);
         position: relative;
 
+
+
         &:after {
 
             content: "";
@@ -186,6 +188,12 @@ $module: ".article-box";
 
         }
 
+        #{$module}__image {
+
+            @include fluid-aspect(427 500);
+
+        }
+
         #{$module}__desc {
             @include line-height(1);
         }
diff --git a/app/templates/network/inc/person/list_square_style.html b/app/templates/network/inc/person/list_square_style.html
index 69c25820..1f9958e3 100644
--- a/app/templates/network/inc/person/list_square_style.html
+++ b/app/templates/network/inc/person/list_square_style.html
@@ -21,32 +21,33 @@
 
         </div>
 
-        <div class="container-fluid">
+        <div class="container">
 
-            <div class="row tac">
+            <div class="row">
+                <div class="col-sm-9 col-sm-push-3 col-lg-8 col-lg-push-2">
 
-                {% for person_list_block_inline in person_list_block.person_list_block_inlines.all %}
+                    <div class="row tal">
 
-                    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
+                        {% for person_list_block_inline in person_list_block.person_list_block_inlines.all %}
 
-                        <div class="row">
+                            <div class="col-lg-4 col-md-3 col-sm-4 col-xs-6">
 
-                            {% with person_list_block_inline.person as person %}
+                                {% with person_list_block_inline.person as person %}
 
-                                <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
                                     {% include "network/inc/person/person_card_square.html" %}
-                                </div>
 
-                            {% endwith %}
+                                {% endwith %}
 
-                        </div>
+                            </div>
 
-                    </div>
+                        {% endfor %}
 
-                {% endfor %}
+                    </div>
 
+                </div>
             </div>
 
+
         </div>
 
     </div>
diff --git a/app/templates/network/inc/person/person_card_circle.html b/app/templates/network/inc/person/person_card_circle.html
index 384b424a..ed10adde 100644
--- a/app/templates/network/inc/person/person_card_circle.html
+++ b/app/templates/network/inc/person/person_card_circle.html
@@ -10,7 +10,7 @@
 
                     {% with person.images.all|get_type:'card' as card_images %}
                         {% if card_images %}
-                            <img src="{{ MEDIA_URL }}{% thumbnail card_images.first 135 135 top=0.5 %}" alt="person"/>
+                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="{{ MEDIA_URL }}{% thumbnail card_images.first 135 135 top=0.5 %}" class="lazyload" alt="person"/>
                         {% endif %}
                     {% endwith %}
 
diff --git a/app/templates/network/inc/person/person_card_square.html b/app/templates/network/inc/person/person_card_square.html
index ec146f8d..c1254821 100644
--- a/app/templates/network/inc/person/person_card_square.html
+++ b/app/templates/network/inc/person/person_card_square.html
@@ -6,7 +6,7 @@
             <div class="article-box__header">
                 <a href="{{ person.get_absolute_url }}" title="{{ person.first_name }}&nbsp;{{ person.last_name }}">
                     <figure class="article-box__image">
-                        <img class="lazyload" src="{{ MEDIA_URL }}{% thumbnail card_images.first 427 500 top=0.5 %}" alt="person"/>
+                        <img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="{{ MEDIA_URL }}{% thumbnail card_images.first 427 500 top=0.5 %}" alt="person"/>
                     </figure>
                 </a>
             </div>
-- 
2.39.5