pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix header layout

Browse Source
This commit is contained in:
leigh-mil 2019-09-03 13:45:03 -04:00
parent 90b84a1ffe
commit 1b6a3ca644
2 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
styles/sections/_task_order.scss
View File

@ -50,6 +50,13 @@
} }
} }
&__header {
.h2,
p {
margin-bottom: $gap * 0.5;
}
}
.col { .col {
flex-grow: 1; flex-grow: 1;
} }

12
templates/task_orders/form_header.html
View File

@ -1,21 +1,15 @@
{% macro TOFormStepHeader(title, description, to_number=None) %} {% macro TOFormStepHeader(title, description, to_number=None) %}
<div class="column"> <div class="task-order__header">
<div class="form-row">
<div class="form-col form-col--two-thirds">
<div class="h2"> <div class="h2">
{{ title }} {{ title }}
</div> </div>
</div>
<div class="form-col form-col--third task-order__number">
{% if to_number %} {% if to_number %}
<p>
<strong>Task Order Number:</strong> {{ to_number }} <strong>Task Order Number:</strong> {{ to_number }}
</p>
{% endif %} {% endif %}
</div>
</div>
<div class="form-row">
<p> <p>
{{ description }} {{ description }}
</p> </p>
</div> </div>
</div>
{% endmacro %} {% endmacro %}