diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss index 2a3878b0956b1313f0abf1810bf49d81caf05f4c..916d28c96371700bcebc3ecfdad43f71ccbce19d 100644 --- a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss +++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss @@ -7,6 +7,7 @@ justify-content: space-between; text-align: center; color: $grey-bright; + min-height: inherit; height: 100vh; max-height: calc(100vh - 0px - 72px - 72px - 3px); diff --git a/src/components/EcogestureSelection/EcogestureSelectionRestart/ecogestureSelectionRestart.scss b/src/components/EcogestureSelection/EcogestureSelectionRestart/ecogestureSelectionRestart.scss index beb26c7fc094d5cf1952dec0c102fe02ff749cc9..747ce7feee7de86b33f72f7e69dcf7523efbbe8d 100644 --- a/src/components/EcogestureSelection/EcogestureSelectionRestart/ecogestureSelectionRestart.scss +++ b/src/components/EcogestureSelection/EcogestureSelectionRestart/ecogestureSelectionRestart.scss @@ -4,22 +4,18 @@ .eg-selection-restart-container { position: relative; min-height: inherit; - margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: $grey-bright; - max-width: 45.75rem; - @media #{$large-phone} { - margin: 0 1rem; - max-width: unset; - } .content { + margin: auto; display: flex; flex-direction: column; flex: 1; + padding: 0 1rem; justify-content: center; align-items: center; .title { @@ -34,8 +30,11 @@ } } .buttons { - margin: 1rem 0; + padding: 1rem; + box-sizing: border-box; display: flex; + background-color: $grey-1; + border: 1px solid $grey-2; flex-direction: row; justify-content: space-between; gap: 1rem;