diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 2f25754..4397419 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5338,6 +5338,11 @@ a { flex-wrap: wrap; margin-top: 1rem; } +@media (max-width: 479px) { + .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 { + justify-content: center; + } +} .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 .form-item { padding: 0.5rem; align-self: center; @@ -5347,6 +5352,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 #views-exposed-form-base-de-donnees-block-1 select, .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 input { padding: 0.3rem; + margin: 0.5rem; } @media (max-width: 479px) { .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 #edit-field-mots-clefs-target-id { @@ -5358,7 +5364,13 @@ a { flex-direction: column; justify-content: space-between; align-self: center; - vertical-align: middle; + margin-left: auto; +} +@media (max-width: 479px) { + .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 #edit-actions { + justify-content: center; + margin: auto; + } } .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 #edit-actions #edit-submit-base-de-donnees { background-color: rgb(0, 158, 227); @@ -5370,8 +5382,7 @@ a { } @media (max-width: 479px) { .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 #edit-actions #edit-submit-base-de-donnees { - margin-left: 0rem; - margin-right: 2rem; + margin: auto; margin-top: 1rem; } } @@ -5384,6 +5395,12 @@ a { margin-top: 1rem; margin-left: 1rem; } +@media (max-width: 479px) { + .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 #edit-actions #edit-reset { + margin: auto; + margin-top: 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 { width: 100%; display: flex; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index d3ea7dd..22749fd 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -129,6 +129,9 @@ flex-direction: row; flex-wrap: wrap; margin-top: 1rem; + @media (max-width: 479px){ + justify-content: center; + } .form-item{ padding: 0.5rem; align-self: center; @@ -138,6 +141,7 @@ } select, input{ padding: 0.3rem; + margin:0.5rem; } #edit-field-mots-clefs-target-id{ @@ -151,7 +155,11 @@ flex-direction: column; justify-content: space-between; align-self: center; - vertical-align: middle; + margin-left: auto; + @media (max-width: 479px){ + justify-content: center; + margin: auto; + } #edit-submit-base-de-donnees{ background-color: $blue-light; color: white; @@ -161,8 +169,7 @@ margin-left: 2rem; @media (max-width: 479px){ - margin-left: 0rem; - margin-right: 2rem; + margin: auto; margin-top: 1rem; } } @@ -174,6 +181,10 @@ padding: 0.3rem 0.7rem; margin-top: 1rem; margin-left: 1rem; + @media (max-width: 479px){ + margin: auto; + margin-top: 1rem; + } } }