Style ‘Download PDF’ link

This commit is contained in:
Chris Hill-Scott
2018-10-31 14:08:37 +00:00
parent 1675e6c8d2
commit d6b785d3fa
2 changed files with 8 additions and 1 deletions

View File

@@ -1,5 +1,6 @@
.page-footer {
position: relative;
margin-bottom: 30px;
&-back-link {
@@ -50,6 +51,12 @@
margin-top: $gutter;
}
&-right-aligned-link {
position: absolute;
right: 0;
top: 10px; // align baseline with buttons
}
.button,
.button-destructive {
margin-right: 10px;

View File

@@ -65,7 +65,7 @@
{% endif %}
<a href="{{ back_link }}" class="page-footer-back-link">Back</a>
{% if template.template_type == 'letter' %}
<a href="{{ url_for('main.check_notification_preview', service_id=current_service.id, template_id=template.id, filetype='pdf') }}" download>Download as a printable PDF</a>
<a href="{{ url_for('main.check_notification_preview', service_id=current_service.id, template_id=template.id, filetype='pdf') }}" download class="page-footer-right-aligned-link">Download as a printable PDF</a>
{% endif %}
</form>
</div>