Fixing style of meso cards

content/pages/meso-details.rst

@@ -28,7 +28,6 @@ Les mésocentres en |_| France
     - pérenniser les sources de financement
     - échanger et partager les expériences
     - organiser en commun des journées (formation, constructeurs ...)
-    - :json_url: https://plmbox.math.cnrs.fr/f/99387ff5e39a4efab634/
 
 .. section:: Les mésocentres en France
     :class: description

plugins/meso_list/templates/meso.tpl

@@ -10,53 +10,52 @@
         </div>
         <div class="card-body">
             {% if meso['contactname'] %}
-                <img src="../theme/img/mail.png" alt="Contact" />
+                <p><img src="../theme/img/mail.png" alt="Contact" />
                 {% if meso['contactaddress'] %}
                 <a href="mailto:{{ meso['contactaddress'] }}">{{ meso['contactname'] }}</a>
                 {% else %}
                 {{ meso['contactname'] }}
                 {% endif %}
-                <br />
+                </p>
             {% endif %}
             {% if meso['institutesname'] %}
-                <img src="../theme/img/employer.png" alt="Institutions" />
+                <p><img src="../theme/img/employer.png" alt="Institutions" />
                 {% for name in meso['institutesname'] -%}
                 {{ ' et ' if loop.last }}{{ ', ' if not loop.first and not loop.last }}{{ name }}
                 {%- endfor %}
-                <br />
+                </p>
             {% endif %}
             {% if meso['financersname'] %}
-                <img src="../theme/img/contract.png" alt="Financeurs" />
+                <p><img src="../theme/img/contract.png" alt="Financeurs" />
                 {% for name in meso['financersname'] -%}
                 {{ ' et ' if loop.last }}{{ ', ' if not loop.first and not loop.last }}{{ name }}
                 {%- endfor %}
-                <br />
+                </p>
             {% endif %}
             {% if meso['location'] %}
-                <img src="../theme/img/position_full.png" alt="Position" />
+                <p><img src="../theme/img/position_full.png" alt="Position" />
                 {% if meso['gpscoordinates'] %}
                 <a href="https://www.openstreetmap.org/?mlat={{meso['gpscoordinates'][0]}}&mlon={{meso['gpscoordinates'][1]}}&zoom=16">{{ meso['location'] }}</a>
                 {% else %}
                 {{ meso['location'] }}
                 {% endif %}
-                <br />
+                </p>
             {% endif %}
             {% if meso['totalcorenumber'] %}
-                <img src="../theme/img/cpu.png" alt="Nombre de cœurs">
+                <p><img src="../theme/img/cpu.png" alt="Nombre de cœurs" />
                 {{ meso['totalcorenumber'] }} cœurs
-                <br />
+                </p>
             {% endif %}
             {% if meso['totalstorage'] %}
-                <img src="../theme/img/floppy.png" alt="Stockage">
+                <p><img src="../theme/img/floppy.png" alt="Stockage" />
                 {{ meso['totalstorage'] }} To
-                <br />
+                </p>
             {% endif %}
         </div>
         <div class="card-footer p-0 d-flex align-items-center">
 {% endif %}
 {% if footer %}
         </div>
-        </a>
     </div>
 </div>
 {% endif %}

themes/calcul/static/css/style.css

@@ -1174,15 +1174,19 @@ a.year-toc {
 }
 
 .meso .card-body {
-    padding: 3px 0px 3px 0px;
+    padding: 0px;
     font-size: 14px;
     font-family: 'Roboto', serif;
     font-weight: 700;
-    line-height: 17px;
 }
 
 .meso .card-body img {
     height: 15px;
+    vertical-align: text-top;
+}
+
+.meso .card-body p {
+    margin-bottom: 0px;
 }
 
 .meso .card-footer {
@@ -1195,3 +1199,7 @@ a.year-toc {
     border-bottom: 10px solid black;
     height: 57px;
 }
+
+.region h3 {
+    margin: 3em 2em 1em 2em;
+}