diff --git a/src/registrar/assets/sass/_theme/_buttons.scss b/src/registrar/assets/sass/_theme/_buttons.scss index 2e4469e12..ff5ffb386 100644 --- a/src/registrar/assets/sass/_theme/_buttons.scss +++ b/src/registrar/assets/sass/_theme/_buttons.scss @@ -254,6 +254,7 @@ a .usa-icon, // Note: Can be simplified by adding text-secondary to delete anchors in tables button.text-secondary, button.text-secondary:hover, -.dotgov-table a.text-secondary { +a.text-secondary, +a.text-secondary:hover { color: $theme-color-error; } diff --git a/src/registrar/templates/portfolio_member.html b/src/registrar/templates/portfolio_member.html index 718970818..e6578cdf2 100644 --- a/src/registrar/templates/portfolio_member.html +++ b/src/registrar/templates/portfolio_member.html @@ -21,15 +21,61 @@ -

Manage member

+

Manage member

-

- {% if member %} - {{ member.email }} - {% elif portfolio_invitation %} - {{ portfolio_invitation.email }} +
+

+ {% if member %} + {{ member.email }} + {% elif portfolio_invitation %} + {{ portfolio_invitation.email }} + {% endif %} +

+ {% if has_edit_members_portfolio_permission %} + + Remove member + + +
+
+ +
+ +
{% endif %} -

+
Last active: @@ -38,7 +84,7 @@ {% elif portfolio_invitation %} Invited {% else %} - -- + ⎯ {% endif %}
@@ -47,10 +93,10 @@ {% if member.first_name or member.last_name %} {{ member.get_formatted_name }} {% else %} - -- + ⎯ {% endif %} {% else %} - -- + ⎯ {% endif %}
@@ -58,7 +104,7 @@ {% if member and member.title %} {{ member.title }} {% else %} - -- + ⎯ {% endif %}