diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index 1c57ad0f..fc9911fe 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -161,6 +161,10 @@ .portfolio-content { margin: 6 * $gap $gap 0 $gap; + .panel { + @include shadow-panel; + } + .member-list { .panel { @include shadow-panel; @@ -458,6 +462,11 @@ } } + .flex-reverse-row { + display: flex; + flex-direction: row-reverse; + } + .defense-row { .admin-title { padding: 0 0 0.4rem 0; diff --git a/templates/fragments/primary_point_of_contact.html b/templates/fragments/primary_point_of_contact.html new file mode 100644 index 00000000..6ff9b795 --- /dev/null +++ b/templates/fragments/primary_point_of_contact.html @@ -0,0 +1,23 @@ +
+
+

Primary Point of Contact

+

The PoC has the ability to edit all aspects of a portfolio.

+ +

+ + {{ portfolio.owner.first_name }} + {{ portfolio.owner.last_name }} + +
+ {{ portfolio.owner.email }} +
+ {{ portfolio.owner.phone_number | usPhone }} +

+ + +
+
diff --git a/templates/portfolios/admin.html b/templates/portfolios/admin.html index 67ae683d..60921fc8 100644 --- a/templates/portfolios/admin.html +++ b/templates/portfolios/admin.html @@ -12,29 +12,34 @@
+
+
+
+ {{ form.csrf_token }} +
+
+ {{ TextInput(form.name, validation="portfolioName") }} +
- - {{ form.csrf_token }} -
-
- {{ TextInput(form.name, validation="portfolioName") }} -
- -
- -
-
-
-
-
{{ "forms.task_order.defense_component_label" | translate }}
- {% if portfolio.defense_component %} -
{{ portfolio.defense_component }}
- {% else %} -
{{ "fragments.portfolio_admin.none" | translate }}
- {% endif %} +
+ +
-
- +
+
+
{{ "forms.task_order.defense_component_label" | translate }}
+ {% if portfolio.defense_component %} +
{{ portfolio.defense_component }}
+ {% else %} +
{{ "fragments.portfolio_admin.none" | translate }}
+ {% endif %} +
+
+ +
+
+ + {% include "fragments/primary_point_of_contact.html" %} {% include "fragments/audit_events_log.html" %}