diff --git a/src/app/sign-in/pages/sign-in/sign-in.component.scss b/src/app/sign-in/pages/sign-in/sign-in.component.scss index fc0d21fa13..54bb676048 100644 --- a/src/app/sign-in/pages/sign-in/sign-in.component.scss +++ b/src/app/sign-in/pages/sign-in/sign-in.component.scss @@ -1,106 +1,106 @@ -:host { - width: 100%; -} - -.main { - display: block; - margin-left: auto; - margin-right: auto; -} - -.mat-card-title { - margin-top: 32px !important; - text-align: center; - margin-bottom: 8px !important; -} - -.mat-subheading-2 { - text-align: center; - margin-top: 24px; - margin-bottom: 4px; -} - -.forgot { - margin-top: 16px; -} - -.dontHaveOrcid { - margin-top: 12px; -} - -.register-now { - display: inline; -} - -.mat-card .mat-divider-horizontal { - position: relative; -} - -.icon { - margin-bottom: 26px; - - img { - width: 64px; - } -} - -.sign-in-wrapper { - padding: 64px; - h1 { - margin-top: 0; - } - - .orc-font-heading-small { - font-style: normal; - font-weight: 500; - } - - mat-progress-bar { - top: 0 !important; - } - - mat-card-title { - margin: 0 0 32px 0 !important; - } - - mat-card-content { - margin: 0px; - } - - .icon { - margin-bottom: 32px !important; - } - - .forgot { - margin-top: 24px; - } - - mat-divider, - .separator { - margin: 24px 0; - } - - .separator { - display: flex; - align-items: center; - text-align: center; - } - - .separator::before, - .separator::after { - content: ''; - flex: 1; - } - - .separator:not(:empty)::before { - margin-right: 0.5em; - } - - .separator:not(:empty)::after { - margin-left: 0.5em; - } -} - -.sign-in-wrapper.mobile { - padding: 0; -} +:host { + width: 100%; +} + +.main { + display: block; + margin-left: auto; + margin-right: auto; +} + +.mat-card-title { + margin-top: 32px !important; + text-align: center; + margin-bottom: 8px !important; +} + +.mat-subheading-2 { + text-align: center; + margin-top: 24px; + margin-bottom: 4px; +} + +.forgot { + margin-top: 16px; +} + +.dontHaveOrcid { + margin-top: 12px; +} + +.register-now { + display: inline; +} + +.mat-card .mat-divider-horizontal { + position: relative; +} + +.icon { + margin-bottom: 26px; + + img { + width: 64px; + } +} + +.sign-in-wrapper { + padding: 64px !important; + h1 { + margin-top: 0; + } + + .orc-font-heading-small { + font-style: normal; + font-weight: 500; + } + + mat-progress-bar { + top: 0 !important; + } + + mat-card-title { + margin: 0 0 32px 0 !important; + } + + mat-card-content { + margin: 0px; + } + + .icon { + margin-bottom: 32px !important; + } + + .forgot { + margin-top: 24px; + } + + mat-divider, + .separator { + margin: 24px 0; + } + + .separator { + display: flex; + align-items: center; + text-align: center; + } + + .separator::before, + .separator::after { + content: ''; + flex: 1; + } + + .separator:not(:empty)::before { + margin-right: 0.5em; + } + + .separator:not(:empty)::after { + margin-left: 0.5em; + } +} + +.sign-in-wrapper.mobile { + padding: 0; +}