Réorganisation identityCard fiche taxon

makinacorpus · Jan 22, 2025 · cc028c7 · cc028c7
1 parent e4e0a30
commit cc028c7
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 36 deletions.
diff --git a/atlas/static/css/ficheEspece.css b/atlas/static/css/ficheEspece.css
@@ -84,12 +84,12 @@ p.imgDescription.main {
     justify-content: space-between;
 }
 
-#taxonomy {
-  margin-top: 15px;
-}
-
-#inpnLink {
-  margin-top: 15px;
+#statuts-and-links-container {
+    display: flex;
+    align-items: center;
+    gap: 1.2rem;
+    justify-content: start;
+    margin: 1.5rem 0;
 }
 
 .nav > li > a {
@@ -348,7 +348,7 @@ div#statut-bdc ul {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
-    margin: 0;
+    margin: 1.5rem 0;
     gap: 0.1rem 1rem;
 }
 

diff --git a/atlas/templates/speciesSheet/identityCard.html b/atlas/templates/speciesSheet/identityCard.html
@@ -56,29 +56,6 @@ <h4 class="strong"><i>{{ taxon.taxonSearch.nom_complet_html|safe }} </i></h4>
                             data-original-title="{{ taxon.taxonSearch.group2_inpn }}" data-placement="right">
                     </a>
                 </div>
-                {% if taxon.taxonSearch.protection == 'oui' %}
-                    <br/>
-                    <a href="https://inpn.mnhn.fr/espece/cd_nom/{{ taxon.taxonSearch.cd_ref }}/tab/statut"
-                       target="_blank">
-                        <img class="caractEspece" width="100px"
-                             src="{{ url_for('static', filename='images/logo_protection.png') }}"
-                             data-toggle="tooltip"
-                             data-original-title="{{ _('this.taxon.has.a.protected.status') }}"
-                             data-placement="right"></a>
-                {% endif %}
-                {% if configuration.DISPLAY_PATRIMONIALITE and taxon.taxonSearch.patrimonial in configuration.PATRIMONIALITE.config %}
-                    <img
-                            class="caractEspece"
-                            width="130px"
-                            src="{{ url_for('static', filename=configuration.PATRIMONIALITE.config[taxon.taxonSearch.patrimonial].icon) }}"
-                            data-toggle="tooltip"
-                            data-original-title="{{ configuration.PATRIMONIALITE.config[taxon.taxonSearch.patrimonial].text }}"
-                            data-placement="right">
-                {% endif %}
-
-                {% if configuration.AFFICHAGE_STATUTS %}
-                    {% include url_for('static', filename='custom/templates/statuts.html') %}
-                {% endif %}
 
                 <div id="taxonomy">
                     {% for taxon in taxonomyHierarchy %}
@@ -97,14 +74,40 @@ <h4 class="strong"><i>{{ taxon.taxonSearch.nom_complet_html|safe }} </i></h4>
                     {% endfor %}
                 </div>
 
-                <div id="inpnLink">
-                    <a href='https://inpn.mnhn.fr/espece/cd_nom/{{ taxon.taxonSearch.cd_ref }}' target="_blank">
-                        <img width="90px" src="{{ url_for('static', filename='images/logo_inpn.png') }}"
-                             data-toggle="tooltip" data-original-title="{{ _('check.species.sheet.inpn') }}"
-                             data-placement="right">
-                    </a>
+                <div id="statuts-and-links-container">
+                    {% if taxon.taxonSearch.protection == 'oui' %}
+                    <a href="https://inpn.mnhn.fr/espece/cd_nom/{{ taxon.taxonSearch.cd_ref }}/tab/statut"
+                       target="_blank">
+                        <img class="caractEspece" width="100px"
+                             src="{{ url_for('static', filename='images/logo_protection.png') }}"
+                             data-toggle="tooltip"
+                             data-original-title="{{ _('this.taxon.has.a.protected.status') }}"
+                             data-placement="right"></a>
+                    {% endif %}
+
+                    {% if configuration.DISPLAY_PATRIMONIALITE and taxon.taxonSearch.patrimonial in configuration.PATRIMONIALITE.config %}
+                    <img
+                            class="caractEspece"
+                            width="130px"
+                            src="{{ url_for('static', filename=configuration.PATRIMONIALITE.config[taxon.taxonSearch.patrimonial].icon) }}"
+                            data-toggle="tooltip"
+                            data-original-title="{{ configuration.PATRIMONIALITE.config[taxon.taxonSearch.patrimonial].text }}"
+                            data-placement="right">
+                    {% endif %}
+
+                    <div id="inpnLink">
+                        <a href='https://inpn.mnhn.fr/espece/cd_nom/{{ taxon.taxonSearch.cd_ref }}' target="_blank">
+                            <img width="90px" src="{{ url_for('static', filename='images/logo_inpn.png') }}"
+                                 data-toggle="tooltip" data-original-title="{{ _('check.species.sheet.inpn') }}"
+                                 data-placement="right">
+                        </a>
+                    </div>
                 </div>
 
+                {% if configuration.AFFICHAGE_STATUTS %}
+                    {% include url_for('static', filename='custom/templates/statuts.html') %}
+                {% endif %}
+
                 {% if taxon.listTaxonsChild|length > 0 %}
                     <!-- Button trigger modal -->
                     <button class="btn btn-default" data-toggle="modal" data-target="#myModal"