css grille ressources

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 {

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;