From ba1c0fae7649ede1c8bf647faf4b019e8c9eb54b Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 17 Dec 2021 17:47:17 +0100
Subject: [PATCH] mots clefs bdd

---
 web/themes/custom/eql/css-compiled/styles.css     | 15 ++++++++++-----
 .../custom/eql/scss/pages/_basededonnees.scss     | 12 +++++++++---
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 8185301..58114e8 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/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; }
 
diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss
index 7a104b8..6cbb8fa 100644
--- a/web/themes/custom/eql/scss/pages/_basededonnees.scss
+++ b/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;
                                             }
                                         }
                                     }