From 499250c7a49214e75c42aed1d2e67374e4cd058d Mon Sep 17 00:00:00 2001 From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com> Date: Thu, 1 Apr 2021 11:58:40 +0200 Subject: [PATCH] feat: update styles --- src/components/Connection/connectionFormLogin.scss | 4 ++-- src/components/Connection/connectionFormOAuth.scss | 5 ++--- src/components/Connection/connectionResult.scss | 4 ++-- src/components/Options/profileTypeOptions.scss | 4 ++-- src/styles/components/_expansion-panel.scss | 3 +++ 5 files changed, 11 insertions(+), 9 deletions(-) diff --git a/src/components/Connection/connectionFormLogin.scss b/src/components/Connection/connectionFormLogin.scss index 236292eb8..67ea4e5e0 100644 --- a/src/components/Connection/connectionFormLogin.scss +++ b/src/components/Connection/connectionFormLogin.scss @@ -21,9 +21,9 @@ } .form { - margin: 0 1.5rem; + margin: 0 1.3rem 1rem; @media #{$large-phone} { - margin: 0; + margin: 0 0 0.25rem; } .form-info-provider{ padding: 0; diff --git a/src/components/Connection/connectionFormOAuth.scss b/src/components/Connection/connectionFormOAuth.scss index 4c88ac112..b3e52680d 100644 --- a/src/components/Connection/connectionFormOAuth.scss +++ b/src/components/Connection/connectionFormOAuth.scss @@ -2,9 +2,9 @@ @import 'src/styles/base/breakpoint'; .koauthform { - margin: 0 1.5rem; + margin: 0 1.3rem 1rem; @media #{$large-phone} { - margin: 0; + margin: 0 0 0.25rem; } .koauthform-info-provider { padding: 0; @@ -21,7 +21,6 @@ padding-top: 0.5rem; } .koauthform-button { - margin-bottom: 1rem; button.btn-highlight { padding: 0.5rem; } diff --git a/src/components/Connection/connectionResult.scss b/src/components/Connection/connectionResult.scss index f2ccee31b..6c37d89c6 100644 --- a/src/components/Connection/connectionResult.scss +++ b/src/components/Connection/connectionResult.scss @@ -3,9 +3,9 @@ .connection-update-result { flex: 1; - margin: 0 1.3rem; + margin: 0 1.3rem 1rem; @media #{$tablet} { - margin: 0; + margin: 0 0 0.25rem; } .connection-update-errored { background-color: $red-primary; diff --git a/src/components/Options/profileTypeOptions.scss b/src/components/Options/profileTypeOptions.scss index 8850487cc..35aa6afa5 100644 --- a/src/components/Options/profileTypeOptions.scss +++ b/src/components/Options/profileTypeOptions.scss @@ -39,9 +39,9 @@ flex-direction: column; flex-wrap: wrap; width: 100%; - margin: 0 1.5rem; + margin: 0 1.3rem 1rem; @media #{$large-phone} { - margin: 0; + margin: 0 0 0.25rem; } } .fields { diff --git a/src/styles/components/_expansion-panel.scss b/src/styles/components/_expansion-panel.scss index 71c4da2ff..fc97f5522 100644 --- a/src/styles/components/_expansion-panel.scss +++ b/src/styles/components/_expansion-panel.scss @@ -5,6 +5,9 @@ div.expansion-panel-root{ color: $grey-bright; background: $grey-linear-gradient-background; border-radius: 4px; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); + transition: background-color 0.6s ease; + box-sizing: border-box; &.Mui-expanded:first-child { margin: 1.2rem 0; } -- GitLab