drupal-reha/web/themes/custom/reha/scss/pages/ressources.scss

.page-ressources{
    .view-ressources{
        flex-direction: column;
        padding: 5rem;

        #views-exposed-form-ressources-page-1{
            width: 100%;
            margin: auto;
            display: flex;
            flex-direction: column;
            padding: 1rem;
            &::before{
                content: 'FILTRER :';
            }

            .form-item-field-type-de-ressource-target-id{
                order: 1;
            }
            .js-form-item-field-site-target-id{
                order: 2;
            }
            #edit-actions{
                order: 3;
            }
        }
        .views-row{
            .node-type-ressource{
                display: flex;
                flex-direction: column;
                
                .field--name-field-image{
                    order: 1;
                    max-width: 100%;
                    img{
                        height: 200px;
                        width: auto;
                    }
                }
                .filtered-content{
                    display: flex;
                    flex-direction: column;
                    border: solid $yellow-puca 1px;
                    background-color: $white-button;
                    padding: 1rem;
                    h2{
                        order: 2;
                        margin: 0;
                        font-size: 1.5rem;
                        font-weight: 600;
                    }
                    .field--name-field-sous-titre {
                        order: 3;
                        font-size: 1.3rem;
                        // line-height: 0.3rem;
                    }
                    .field--name-field-auteur{
                        order: 4;
                        font-weight: 900;
                        padding-top: 1rem;
                    }
                
                    .field--name-field-type-de-ressource{
                        order: 1;
                        text-transform: uppercase;
                        font-size: 1.2rem;
                    }
                    .field--name-field-site{
                        order: 5;
                    }
                    ul.links{
                        order: 6;
                        display: none;
                    }
                }
                
                
            }
    
        }

    }
}