Set content width and move alert

This commit is contained in:
leigh-mil
2019-06-12 15:27:40 -04:00
parent e5e668711f
commit 753898db67
2 changed files with 8 additions and 3 deletions

View File

@@ -88,6 +88,7 @@
.task-order { .task-order {
margin-top: $gap * 4; margin-top: $gap * 4;
width: 900px;
hr { hr {
border: 0; border: 0;
@@ -102,7 +103,6 @@
.col { .col {
flex-grow: 1; flex-grow: 1;
max-width: 610px;
} }
.h1, .h1,
@@ -120,7 +120,7 @@
flex-grow: unset; flex-grow: unset;
margin-left: $gap * 6; margin-left: $gap * 6;
margin-top: $gap * 3; margin-top: $gap * 3;
width: 33.77%; width: 35%;
height: fit-content; height: fit-content;
background-color: $color-gray-lightest; background-color: $color-gray-lightest;
} }
@@ -141,6 +141,10 @@
.usa-form-group-year { .usa-form-group-year {
margin-right: 0.4rem; margin-right: 0.4rem;
} }
.usa-alert {
margin: 1.5em 0;
}
} }
.row.row__form-fields { .row.row__form-fields {

View File

@@ -108,13 +108,14 @@
<to-form inline-template v-bind:initial-clin-count="{{ form.clins.data | length }}"> <to-form inline-template v-bind:initial-clin-count="{{ form.clins.data | length }}">
<div class="task-order task_order__form"> <div class="task-order task_order__form">
{% include "fragments/flash.html" %}
<p class="section-description"> <p class="section-description">
{{ "task_orders.new.form_help_text" | translate }} {{ "task_orders.new.form_help_text" | translate }}
</p> </p>
<hr> <hr>
{% include "fragments/flash.html" %}
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="h1">Add your task order</div> <div class="h1">Add your task order</div>