From 4c865c8c6644ee6ec3e4b3014b638c68ae680490 Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Wed, 2 Oct 2019 16:32:34 -0400
Subject: [PATCH] Style cancel link in multi-step modals

---
 styles/components/_modal.scss                                 | 4 ++++
 .../applications/fragments/new_member_modal_content.html      | 2 +-
 templates/portfolios/fragments/add_new_portfolio_member.html  | 4 ++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/styles/components/_modal.scss b/styles/components/_modal.scss
index 48feeac4..a5e9cfa5 100644
--- a/styles/components/_modal.scss
+++ b/styles/components/_modal.scss
@@ -121,6 +121,10 @@ body {
       background-color: $color-gray-lightest;
       padding: $gap * 2;
       margin: ($gap * 5) (-$gap * 1.5) (-$gap * 1.5);
+
+      a {
+        color: $color-blue;
+      }
     }
 
     hr {
diff --git a/templates/applications/fragments/new_member_modal_content.html b/templates/applications/fragments/new_member_modal_content.html
index 5e835e5b..3dd35e24 100644
--- a/templates/applications/fragments/new_member_modal_content.html
+++ b/templates/applications/fragments/new_member_modal_content.html
@@ -16,7 +16,7 @@
           class='action-group__action usa-button usa-button-secondary'
           value='{{ "common.previous" | translate }}'>
     {% endif %}
-    <a class='action-group__action icon-link icon-link--default' v-on:click="closeModal('{{ new_port_mem }}')">{{ "common.cancel" | translate }}</a>
+    <a class='action-group__action' v-on:click="closeModal('{{ new_port_mem }}')">{{ "common.cancel" | translate }}</a>
   </div>
 {% endmacro %}
 
diff --git a/templates/portfolios/fragments/add_new_portfolio_member.html b/templates/portfolios/fragments/add_new_portfolio_member.html
index 931f3db7..f2e0b4be 100644
--- a/templates/portfolios/fragments/add_new_portfolio_member.html
+++ b/templates/portfolios/fragments/add_new_portfolio_member.html
@@ -48,7 +48,7 @@
         v-bind:disabled="invalid"
         class='action-group__action usa-button usa-button-primary'
         value='Next'>
-    <a class='action-group__action icon-link icon-link--default' v-on:click="closeModal('{{ new_port_mem }}')">Cancel</a>
+    <a class='action-group__action' v-on:click="closeModal('{{ new_port_mem }}')">Cancel</a>
   </div>
 {% endset %}
 {% set step_two %}
@@ -68,7 +68,7 @@
       class='action-group__action usa-button usa-button-primary'
       form="add-port-mem"
       value='Invite member'>
-    <a class='action-group__action icon-link icon-link--default' v-on:click="closeModal('{{ new_port_mem }}')">Cancel</a>
+    <a class='action-group__action' v-on:click="closeModal('{{ new_port_mem }}')">Cancel</a>
   </div>
 {% endset %}
 {{ MultiStepModalForm(