diff options
| author | Matthew Somerville <matthew-github@dracos.co.uk> | 2017-06-30 19:50:51 +0100 |
|---|---|---|
| committer | Matthew Somerville <matthew-github@dracos.co.uk> | 2017-06-30 20:54:09 +0100 |
| commit | 19c7a8e1f7bd2774affd890698e40902a8c19a34 (patch) | |
| tree | a8c683a6169388689e135075ba3b378a83c41568 | |
| parent | 28bec8043fa33027958b0afd1b264fd25aa27d9d (diff) | |
Fix clickable spaces on inspect form/ward page.
Make the relevant labels inline-block so that their click area is not
wider than their content; move the body name outside of the heading.
| -rwxr-xr-x | templates/web/base/reports/body.html | 15 | ||||
| -rw-r--r-- | web/cobrands/sass/_base.scss | 13 |
2 files changed, 16 insertions, 12 deletions
diff --git a/templates/web/base/reports/body.html b/templates/web/base/reports/body.html index e8a981748..b6e6df73b 100755 --- a/templates/web/base/reports/body.html +++ b/templates/web/base/reports/body.html @@ -37,13 +37,16 @@ <div id="map_sidebar"> <div id="side"> -<h1 id="reports_heading"> - [% IF ward %] - [% ward.name %]<span>, </span><a href="[% body_url %]">[% body.name %]</a> + [% IF ward %] + <h1 id="reports_heading"> + [% ward.name %] + </h1> + <a href="[% body_url %]">[% body.name %]</a> [% ELSE %] - [% body.name %] - [% END %] -</h1> + <h1 id="reports_heading"> + [% body.name %] + </h1> + [% END %] [% IF c.cobrand.moniker == 'hart' %] [% INCLUDE '_hart_hants_note.html' %] diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss index c319082a8..5866ab986 100644 --- a/web/cobrands/sass/_base.scss +++ b/web/cobrands/sass/_base.scss @@ -50,12 +50,8 @@ h1 { margin-top: 0.5em; margin-bottom: 0.5em; } -h1#reports_heading span { - display: none; -} -h1#reports_heading a { - display: block; - font-size: 50%; +h1#reports_heading { + margin-bottom: 0; } h2 { @@ -412,6 +408,7 @@ select.form-control { .label-containing-checkbox { padding-#{$left}: 24px; position: relative; + margin-bottom: 0; input { position: absolute; @@ -1856,6 +1853,10 @@ label .muted { & > :first-child > :first-child { margin-top: 0; } + label { + display: inline-block; + margin-top: 0.25em; + } } .inspect-section--hidden { |