diff --git a/js/components/forms/to_form.js b/js/components/forms/to_form.js index 2493d123..e84714e5 100644 --- a/js/components/forms/to_form.js +++ b/js/components/forms/to_form.js @@ -51,6 +51,12 @@ export default { ++this.clinIndex }, + removeClin: function(clinIndex) { + if (this.clins > 0) { + console.log('removed CLIN') + } + }, + calculateClinAmounts: function(event) { this.clinChildren[event.id] = { amount: event.amount, diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss index ca2e4be2..9b0bdeb6 100644 --- a/styles/sections/_task_order.scss +++ b/styles/sections/_task_order.scss @@ -203,18 +203,6 @@ } } - button.icon-link { - margin-top: 0; - margin-left: 0; - padding-left: 0; - font-size: $base-font-size; - - &.icon-link__add-another-clin { - margin-top: 0; - margin-bottom: 0; - } - } - .task-order__pdf-help-text { margin-bottom: 4 * $gap; } @@ -257,6 +245,21 @@ font-style: italic; } } + + button.icon-link { + margin-top: 0; + margin-left: 0; + padding-left: 0; + font-size: $base-font-size; + + &.icon-link__remove-clin { + margin: 0; + padding: 0; + right: $gap * 1.5; + position: absolute; + color: $color-gray; + } + } } .task-order__modal-cancel { @@ -270,6 +273,7 @@ .clin-card { width: 62rem; + position: relative; &__title.h4 { margin-top: 0; diff --git a/templates/task_orders/step_3.html b/templates/task_orders/step_3.html index 464c098a..f9b73d79 100644 --- a/templates/task_orders/step_3.html +++ b/templates/task_orders/step_3.html @@ -27,7 +27,16 @@ {% endif %} inline-template>