From f3a2ac1f49b2d9570ed16d97e919b9002df629cb Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Tue, 26 Feb 2019 15:33:36 -0500
Subject: [PATCH] Style remove buttons

---
 styles/sections/_task_order.scss             | 17 ++++++++++++++++-
 templates/portfolios/task_orders/review.html |  2 +-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 464f6832..350a2a4e 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -348,11 +348,26 @@
   .task-order__loa-list-item {
     display: flex;
     flex-direction: row;
-    align-items: flex-end;
+    align-items: flex-start;
 
     .usa-input {
       flex-grow: 1;
     }
+
+    .loa-list-item__remover {
+      @include icon-link;
+      @include icon-link-vertical;
+      @include icon-link-color($color-red, $color-red-lightest);
+
+      margin-bottom: 0;
+      margin-right: -$gap;
+
+      position: absolute;
+      margin-top: 3 * $gap;
+      margin-left: $gap;
+      left: 45em;
+      max-width: 30em;
+    }
   }
 }
 
diff --git a/templates/portfolios/task_orders/review.html b/templates/portfolios/task_orders/review.html
index a87d06aa..de3d3b7a 100644
--- a/templates/portfolios/task_orders/review.html
+++ b/templates/portfolios/task_orders/review.html
@@ -84,7 +84,7 @@
                     <input type="text" v-model='loa.number' :id="'loas-' + i" placeholder="1234567890"/>
                     <input type="hidden" :name="'loas-' + i" v-model='loa.number'/>
                   </div>
-                  <button v-on:click="removeLOA(i)" v-if="loas.length > 1" type="button" class='application-edit__env-list-item__remover'>
+                  <button v-on:click="removeLOA(i)" v-if="loas.length > 1" type="button" class='loa-list-item__remover'>
                     {{ Icon('trash') }}
                     <span>Remove</span>
                   </button>