Add a bit of spacing between columns of text

This commit is contained in:
Montana 2019-02-13 12:57:11 -05:00
parent bc7627ca27
commit 04187c0f78
3 changed files with 22 additions and 14 deletions

View File

@ -68,6 +68,10 @@
} }
} }
.panel__body {
margin-right: $gap * 2;
}
.panel__heading { .panel__heading {
padding: $gap * 2; padding: $gap * 2;

View File

@ -1,5 +1,5 @@
{% macro ReviewField(heading, field, filter=None) %} {% macro ReviewField(heading, field, filter=None) %}
<div class="col col--grow"> <div class="col col--grow panel__body">
<h4 class='task-order-form__heading'>{{ heading }}</h4> <h4 class='task-order-form__heading'>{{ heading }}</h4>
{% if field %} {% if field %}
<p>{{ field | findFilter(filter) }}</p> <p>{{ field | findFilter(filter) }}</p>

View File

@ -21,21 +21,25 @@
}} }}
</div> </div>
<h4 class='task-order-form__heading'>{{ "task_orders.new.review.complexity"| translate }}</h4> <div class="row">
{% if task_order.complexity %} <div class="col col--grow panel__body">
<ul class="checklist"> <h4 class='task-order-form__heading'>{{ "task_orders.new.review.complexity"| translate }}</h4>
{% for item in task_order.complexity %} {% if task_order.complexity %}
<li> <ul class="checklist">
{{ Icon('ok', classes='icon--gray icon--medium') }}{{ "forms.task_order.complexity.{}".format(item) | translate }}{% if item == 'other' %}: {{ task_order.complexity_other }}{% endif %} {% for item in task_order.complexity %}
</li> <li>
{% endfor %} {{ Icon('ok', classes='icon--gray icon--medium') }}{{ "forms.task_order.complexity.{}".format(item) | translate }}{% if item == 'other' %}: {{ task_order.complexity_other }}{% endif %}
</ul> </li>
{% else %} {% endfor %}
<p>{{ RequiredLabel() }}</p> </ul>
{% endif %} {% else %}
<p>{{ RequiredLabel() }}</p>
{% endif %}
</div>
</div>
<div class="row"> <div class="row">
<div class="col col--grow"> <div class="col col--grow panel__body">
<h4 class='task-order-form__heading'>{{ "task_orders.new.review.team"| translate }}</h4> <h4 class='task-order-form__heading'>{{ "task_orders.new.review.team"| translate }}</h4>
{% if task_order.dev_team %} {% if task_order.dev_team %}
<ul class="checklist"> <ul class="checklist">