Replace auto-fill by auto-fit

PnX-SI · Jan 23, 2025 · 6685539 · 6685539
1 parent ee34722
commit 6685539
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/atlas/static/css/ficheEspece.css b/atlas/static/css/ficheEspece.css
@@ -287,7 +287,8 @@ text {
 
 #organisms>ul {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+  padding:0;
 }
 
 #organisms>ul .media-body {
@@ -296,4 +297,4 @@ text {
 
 #organisms>ul h3 {
   font-size: 1.5rem;
-}
+}
diff --git a/atlas/templates/speciesSheet/otherInformations.html b/atlas/templates/speciesSheet/otherInformations.html
@@ -109,13 +109,12 @@
                 {% if configuration.ORGANISM_MODULE %}
                 <!-- organism tab -->
                     <div id="organisms" class="tab-pane fade flex-grow-1">
-                        <ul class="list-group w-100">
+                        <ul>
                             {% for o in organisms %}
                                 <li id="organismListItem" class="media border-bottom p-2"
                                     id_organism="{{ o['nom_organism'] }}">
                                 <div class="pictoImgList mr-2" data-toggle="tooltip" data-original-title="{{ taxon.group2_inpn }}"
                                  data-placement="right">
-                                    <span class="float-right"></span>
                                     <div class="pictoImgList mr-2" data-toggle="tooltip" data-original-title="{{ taxon.group2_inpn }}"
                                     data-placement="right">
                                         {% if o['url_logo']!= None %}
@@ -146,14 +145,11 @@ <h5 class="mt-0 mb-1 ">
                                     </strong>
                                     <br>{{ _('organism.prospection') }} : <strong>{{ "%.2f"|format(o['nb_observation']/taxon.taxonSearch.nb_obs*100) }} %</strong>
                                   </div>
-                                  <span class="float-right">
-                                        <h3><a class="badge badge-primary" href="{{ url_for('main.ficheOrganism', id_organism=o['id_organism']) }}"
-                                            data-toggle="tooltip"  style="color: white;"
-                                            title="{{ _('check.organism.sheet') }}" data-placement="left">
-                                         <i class="fas fa-list fa-fw"></i> {{ _('organism.sheet') }}</i>
-                                        </a></h3>
-                                  </span>
-
+                                      <h3><a class="badge badge-primary" href="{{ url_for('main.ficheOrganism', id_organism=o['id_organism']) }}"
+                                          data-toggle="tooltip"  style="color: white;"
+                                          title="{{ _('check.organism.sheet') }}" data-placement="left">
+                                        <i class="fas fa-list fa-fw"></i> {{ _('organism.sheet') }}</i>
+                                      </a></h3>
                                 </div>
                             {% endfor %}
                         </ul>