Make click areas bigger on template picker

Generally, bigger click areas are better[1], as long as they don’t cause
ambiguity.

This commit expands the clickable area of links to templates to include
hint text underneath which states the type of template.

1. https://en.wikipedia.org/wiki/Fitts%27s_law
This commit is contained in:
Chris Hill-Scott
2017-06-20 10:03:39 +01:00
parent ec57fdfc3b
commit 18e8b570d7
2 changed files with 14 additions and 1 deletions

View File

@@ -64,7 +64,7 @@
<h2 class="message-name">
<a href="{{ url_for('.view_template', service_id=current_service.id, template_id=template.id) }}">{{ template.name }}</a>
</h2>
<p class="hint bottom-gutter-1-3">
<p class="message-type">
{{ message_count_label(1, template.template_type, suffix='')|capitalize }} template
</p>
</div>