diff options
author | Matthew Somerville <matthew-github@dracos.co.uk> | 2019-03-04 12:18:10 +0000 |
---|---|---|
committer | Matthew Somerville <matthew-github@dracos.co.uk> | 2019-03-04 12:23:53 +0000 |
commit | e33df8e48abea1e96b263645a412239d84fc9892 (patch) | |
tree | 06325ec1b4e6b81a71e6a27cb17a490262dbf066 /templates | |
parent | 86827c23436fef52b6b38d3fbc357fb0bf20f0c6 (diff) |
Improve inline checkbox spacing.
Reduce the space between checkbox and label, so the text isn't lost if
the page is zoomed in. Fixes #2411.
Replace the creator_fixed question with segmented control to match the
full questionnaire, and the admin verified checkboxes with inline-text
as they need no padding. Having done that, all uses of .inline are now
on their own lines, so no post-padding is needed any longer, but we’ll
leave some in case of future use.
Diffstat (limited to 'templates')
-rw-r--r-- | templates/web/base/admin/users/form.html | 4 | ||||
-rw-r--r-- | templates/web/base/questionnaire/creator_fixed.html | 14 |
2 files changed, 9 insertions, 9 deletions
diff --git a/templates/web/base/admin/users/form.html b/templates/web/base/admin/users/form.html index 7bc291419..ca3fd99fb 100644 --- a/templates/web/base/admin/users/form.html +++ b/templates/web/base/admin/users/form.html @@ -22,11 +22,11 @@ <input class="btn" type="submit" name="send_login_email" value="[% loc('Send login email') %]"> [% END %] </li> - <li><label class="inline" for="email_verified">[% loc('Email verified:') %]</label> + <li><label class="inline-text" for="email_verified">[% loc('Email verified:') %]</label> <input type="checkbox" id="email_verified" name="email_verified" value="1" [% user.email_verified ? ' checked' : '' %]> <li><label for="phone">[% loc('Phone:') %]</label> <input type='text' class="form-control" id='phone' name='phone' value='[% user.phone | html %]'></li> - <li><label class="inline" for="phone_verified">[% loc('Phone verified:') %]</label> + <li><label class="inline-text" for="phone_verified">[% loc('Phone verified:') %]</label> <input type="checkbox" id="phone_verified" name="phone_verified" value="1" [% user.phone_verified ? ' checked' : '' %]> [% IF username_in_abuse %] diff --git a/templates/web/base/questionnaire/creator_fixed.html b/templates/web/base/questionnaire/creator_fixed.html index 83037ee3d..754800bab 100644 --- a/templates/web/base/questionnaire/creator_fixed.html +++ b/templates/web/base/questionnaire/creator_fixed.html @@ -1,4 +1,4 @@ -[% INCLUDE 'header.html', bodyclass = 'fullwidthpage', title = loc('Confirmation') %] +[% INCLUDE 'header.html', bodyclass = 'authpage', title = loc('Confirmation') %] <form method="post" action="/questionnaire/submit" id="questionnaire"> <input type="hidden" name="problem" value="[% problem_id | html %]"> @@ -9,14 +9,14 @@ [% loc("Thanks, glad to hear it's been fixed! Could we just ask if you have ever reported a problem to a council before?") %] </p> -<p align="center"> -<input type="radio" name="reported" id="reported_yes" value="Yes"[% ' checked' IF reported == 'Yes' %]> -<label class="inline" for="reported_yes">[% loc('Yes') %]</label> -<input type="radio" name="reported" id="reported_no" value="No"[% ' checked' IF reported == 'No' %]> -<label class="inline" for="reported_no">[% loc('No') %]</label> +<p class="segmented-control segmented-control--radio"> + <input type="radio" name="reported" id="reported_yes" value="Yes"[% ' checked' IF reported == 'Yes' %]> + <label class="btn" for="reported_yes">[% loc('Reported before') %]</label> + <input type="radio" name="reported" id="reported_no" value="No"[% ' checked' IF reported == 'No' %]> + <label class="btn" for="reported_no">[% loc('First time') %]</label> </p> -<p><input type="submit" class="btn" name="submit" value="[% loc('Submit') %]"></p> +<p><input type="submit" class="btn btn--primary" name="submit" value="[% loc('Submit') %]"></p> </form> |