css bdd

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

@@ -21,31 +21,41 @@
                 }
                 .layout--onecol{
                     .block-region-content{
-                        background: url('../images/pictos/carre-contour-bleu_gouvernance.svg');
+                        position: relative;
+                        background: url('../images/pictos/carre-contour-bleu_programme.svg');
                         background-repeat: no-repeat;
-                        background-position-y: 20vh;
+                        background-position-y: 30vh;
                         max-width: 100vw;
-                        background-size: contain;
+                        background-size: cover;
+
 
                     // bandeau filtres collections
                     .block-views-blockcollections-block-1{
                         background: $background-actus;
-                        height: 20vh;
+                        height: fit-content;
                         display: flex;
+                        div{
+                            width: 100%;
+                        }
                         .view-id-collections{
                             height: 100%;
                             display: flex;
+                           
+                            
                             .view-content{
                                 display: flex;
                                 flex-direction: row;
+                              
                                 margin: auto;
-                                width: 65%;
+                                width: 60%;
+                                margin-top: 2rem;
+                                margin-bottom: 2rem;
                                 justify-content: space-between;
                                 align-items: center;
                                 .views-row{
                                     background: $white;
-                                    width: 45%;
-                                    min-height: 60%;
+                                    width: 40%;
+                                    height: 80%;
                                     padding: 1rem;
                                     a{
                                         color: $black;
@@ -78,9 +88,13 @@
                     // grille des ressources
                     .block-views-blockbase-de-donnees-block-1{
                         margin: auto;
-                        width: 70%;
+                        width: 60%;
+                       
+                        
                         .view-filters{
                             background-color: $white;
+                            margin-top: 2rem;
+                            margin-bottom: 2rem;
                             .views-exposed-form-base-de-donnees-block-1{
                                 width: fit-content;
                                 display: flex;
@@ -97,10 +111,12 @@
                             display: flex;
                             flex-direction: row;
                             flex-wrap: wrap;
+                            justify-content: space-between;
                             .views-row{
-                                flex: 0 1 45%;
-                                padding: 1rem;                            
+                                flex: 0 1 49%;
+                                // padding: 1rem;                            
                                 // width: 50%;
+                                
                             }
     
                                 .node-type-ressource{
@@ -108,7 +124,7 @@
                                     display: flex;
                                     flex-direction: column;
                                     border: 2px solid $blue-light;
-                                    padding: 2rem;
+                                    padding: 1rem;
                     
                                     height: fit-content;
                                     margin-bottom: 1rem;
@@ -168,19 +184,23 @@
                                     .field--name-field-mots-clefs{
                                         display: inline-flex;
                                         margin-top: 2rem;
+                                        
                                         &::after{
                                             content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                            align-self: end;
+                                            
+                                            align-self: center;
+                                           
                                         }
                                         .field__item{
                                             background: $blue-dark;
                                             margin-right: 1rem;
                                             padding-left: 0.3rem;
                                             padding-right: 0.3rem;
+                                           
                                             a{
                                                 color: $white;
                                                 font-weight: 800;
-                                                vertical-align: middle;
+                                                vertical-align: super;
                                             }
                                         }
                                     }