From fd0de2737538ffe6a86b7d107d55e2ccdd15d9a2 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 26 Jun 2023 16:10:21 +0200
Subject: [PATCH] css grille ressources

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

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 2fbd537..7311b5a 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -3662,6 +3662,7 @@ a {
         .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
           background-color: white;
           margin-top: 2rem;
+          margin-left: 1rem;
           margin-bottom: 2rem; }
           .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 {
             width: fit-content;
@@ -3679,13 +3680,13 @@ a {
           flex-wrap: wrap; }
           .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
             width: 25%;
-            flex: 0 0 22%;
-            padding: 0.5rem; }
+            flex: 0 0 25%; }
             .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
               display: flex;
               flex-direction: column;
-              padding: 1rem;
-              border: 2px solid #009ee3; }
+              border: 2px solid #009ee3;
+              margin: 1rem;
+              padding: 1rem; }
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
                 text-transform: uppercase; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
diff --git a/web/themes/custom/eql/scss/pages/_ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss
index 6f8e319..9b7f33b 100644
--- a/web/themes/custom/eql/scss/pages/_ressources.scss
+++ b/web/themes/custom/eql/scss/pages/_ressources.scss
@@ -55,6 +55,8 @@
                                 grid-column: 6 / span 6;
                                 grid-row: 1;
                                 margin-top: 4rem;
+                                // margin-right: 1rem;
+                                // padding-right: 1rem;
                                 background-color: $blue-light;
                                 height: fit-content;
                                 width: 100%;
@@ -100,6 +102,7 @@
                                 .view-filters{
                                     background-color: $white;
                                     margin-top: 2rem;
+                                    margin-left: 1rem;
                                     margin-bottom: 2rem;
                                     .views-exposed-form-base-de-donnees-block-1{
                                         width: fit-content;
@@ -125,8 +128,8 @@
                                     // justify-content: space-between;
                                     .views-row{
                                         width: 25%;
-                                        flex: 0 0 22%;
-                                        padding: 0.5rem;
+                                        flex: 0 0 25%;
+                                        // padding: 0.5rem;
                                         // background-color: $white;
                                         // margin-bottom: 1rem;
                                         // &:hover{
@@ -135,9 +138,9 @@
                                         .node-type-ressource{
                                             display: flex;
                                             flex-direction: column;
-                                            // border: 2px solid $blue-light;
-                                            padding: 1rem;                                        
                                             border: 2px solid $blue-light;
+                                            margin: 1rem;
+                                            padding: 1rem;                                        
 
                                             // &:hover{
                                             //     background-color: $blue-light;