aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--templates/web/westminster/report/form/user.html30
-rw-r--r--web/cobrands/sass/_base.scss31
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;