mots clefs bdd

web/themes/custom/eql/css-compiled/styles.css

@@ -1280,7 +1280,7 @@ a {
       justify-content: space-between;
       margin-top: 3rem; }
       .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
-        flex: 0 1 49%; }
+        width: 49%; }
       .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource {
         display: flex;
         flex-direction: column;
@@ -1322,20 +1322,25 @@ a {
             width: 100%;
             height: auto; }
         .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs {
-          display: inline-flex;
-          margin-top: 2rem; }
+          display: flex;
+          margin-top: 2rem;
+          flex-direction: row;
+          flex-wrap: wrap; }
           .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs::after {
             content: url("../images/pictos/noun_Arrow_3771902.svg");
             align-self: center; }
           .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item {
-            background: #09398b;
             margin-right: 1rem;
             padding-left: 0.3rem;
             padding-right: 0.3rem; }
             .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item a {
+              background: #09398b;
               color: white;
               font-weight: 800;
-              vertical-align: super; }
+              vertical-align: super;
+              padding-left: 0.1rem;
+              padding-right: 0.1rem;
+              display: inline-flex; }
         .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline {
           display: none; }
 

web/themes/custom/eql/scss/pages/_basededonnees.scss

@@ -134,7 +134,7 @@
                             justify-content: space-between;
                             margin-top: 3rem;
                             .views-row{
-                                flex: 0 1 49%;
+                                width: 49%;
                                 // padding: 1rem;                            
                                 // width: 50%;
                                 
@@ -212,8 +212,10 @@
                                         }
                                     }
                                     .field--name-field-mots-clefs{
-                                        display: inline-flex;
+                                        display: flex;
                                         margin-top: 2rem;
+                                        flex-direction: row;
+                                        flex-wrap: wrap;
                                         
                                         &::after{
                                             content: url("../images/pictos/noun_Arrow_3771902.svg");
@@ -222,15 +224,19 @@
                                            
                                         }
                                         .field__item{
-                                            background: $blue-dark;
+                                            
                                             margin-right: 1rem;
                                             padding-left: 0.3rem;
                                             padding-right: 0.3rem;
                                            
                                             a{
+                                                background: $blue-dark;
                                                 color: $white;
                                                 font-weight: 800;
                                                 vertical-align: super;
+                                                padding-left: 0.1rem;
+                                                padding-right: 0.1rem;
+                                                display: inline-flex;
                                             }
                                         }
                                     }