diff options
-rw-r--r-- | templates/web/westminster/report/form/user.html | 30 | ||||
-rw-r--r-- | web/cobrands/sass/_base.scss | 31 |
2 files changed, 31 insertions, 30 deletions
diff --git a/templates/web/westminster/report/form/user.html b/templates/web/westminster/report/form/user.html index c3cde2203..f9aebea6a 100644 --- a/templates/web/westminster/report/form/user.html +++ b/templates/web/westminster/report/form/user.html @@ -1,34 +1,4 @@ <!-- report/form/user.html --> -<style> -.form-section-preview small { - margin: 0.5em auto; - display: block; - text-align: center; - font-style: normal; - width: 75%; -} -.form-section-preview small#or { - margin: 1em auto; - width: 100%; -} -small#or:before, small#or:after { - background-color: #fff; - content: ""; - display: inline-block; - height: 2px; - position: relative; - vertical-align: middle; - width: 50%; -} -small#or:before { - right: 1em; - margin-left: -50%; -} -small#or:after { - left: 1em; - margin-right: -50%; -} -</style> <div class="js-new-report-user-hidden form-section-preview form-section-preview--next [%~ ' hidden-nojs' IF c.user_exists OR NOT c.cobrand.social_auth_enabled %]"> <h2 class="form-section-heading form-section-heading--private hidden-nojs"> diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss index 8c1445b36..32a85fa04 100644 --- a/web/cobrands/sass/_base.scss +++ b/web/cobrands/sass/_base.scss @@ -379,6 +379,14 @@ select.form-control { margin: 0 0 0.5em 0; } } + + small { + margin: 0.5em auto; + display: block; + text-align: center; + font-style: normal; + width: 75%; + } } // Purposefully *not* wrapped in `html.js` because the margin-top helps @@ -387,6 +395,29 @@ select.form-control { margin-top: 1.5em; } +/* On a reporting page MyW/anon */ +small#or { + margin: 1em auto; + width: 100%; +} +small#or:before, small#or:after { + background-color: #fff; + content: ""; + display: inline-block; + height: 2px; + position: relative; + vertical-align: middle; + width: 50%; +} +small#or:before { + right: 1em; + margin-left: -50%; +} +small#or:after { + left: 1em; + margin-right: -50%; +} + // grey background, full width box .form-box { margin: 0 -1em 0.25em; |