diff --git a/static/caen/_custom.scss b/static/caen/_custom.scss index 4a95301a..3d088645 100644 --- a/static/caen/_custom.scss +++ b/static/caen/_custom.scss @@ -634,10 +634,6 @@ div.gru-content .previous-button button { div { display: block; } - button { - width: 100%; - margin: 0; - } } } diff --git a/static/includes/_forms.scss b/static/includes/_forms.scss index 94d6ae38..95e1aba7 100644 --- a/static/includes/_forms.scss +++ b/static/includes/_forms.scss @@ -657,6 +657,7 @@ div.select2-search { display: flex; flex-wrap: wrap; justify-content: $buttons-alignment; + gap: 0 1.5rem; @each $btn, $grow in $buttons-order { $i: index($buttons-order, $btn); @@ -675,6 +676,19 @@ div.select2-search { .savedraft-button { display: none; } + // mobile: grow buttons. + @media (max-width: $very-small-limit) { + .widget { + flex-grow: 1; + } + .content { + display: flex; + } + button { + flex-grow: 1; + margin-right: 0; + } + } } } diff --git a/static/miribel/_custom.scss b/static/miribel/_custom.scss index ac46c340..cd7d330f 100644 --- a/static/miribel/_custom.scss +++ b/static/miribel/_custom.scss @@ -504,16 +504,8 @@ div#rub_service { @media (max-width: $very-small-limit) { .form-content--body .buttons { - column-gap: 1.5rem; - > * { - flex: 1 0 30%; - .content, .content button { - width: 100%; - margin-right: 0; - } - &.submit-button { - flex-basis: 100%; - } + .submit-button { + flex-basis: 100%; } } } diff --git a/static/toulouse-2022/_custom.scss b/static/toulouse-2022/_custom.scss index 2c05d1bb..7fc6612d 100644 --- a/static/toulouse-2022/_custom.scss +++ b/static/toulouse-2022/_custom.scss @@ -104,28 +104,6 @@ a.pk-button.pk-button { } } -// mobile buttons extended like metz-metropole-2019 -@media (max-width: $very-small-limit) { - form.quixote div.buttons { - display: flex; - flex-wrap: wrap; - div.widget { - div.content, - button { - width: 100%; - } - div.content { - padding-right: 1.5rem; - } - } - div.previous-button, - div.cancel-button, - div.submit-button { - flex: 1; - } - } -} - // // GLOBAL LAYOUT //