diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index bbbfc2da..347e77fc 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -554,20 +554,18 @@ flex-direction: row-reverse; } - .defense-row { - .admin-title { - padding: 0 0 0.4rem 0; - margin-top: 0; - font-size: 1.7rem; - font-weight: 700; - max-width: 45em; - position: relative; - clear: both; - } + .admin-title { + padding: 0 0 0.4rem 0; + margin-top: 0; + font-size: 1.7rem; + font-weight: 700; + max-width: 45em; + position: relative; + clear: both; + } - .admin-content { - margin-bottom: 2rem; - } + .admin-content { + margin-bottom: 2rem; } } diff --git a/templates/portfolios/admin.html b/templates/portfolios/admin.html index b2429108..a4268f44 100644 --- a/templates/portfolios/admin.html +++ b/templates/portfolios/admin.html @@ -11,32 +11,44 @@
- {% if user_can(permissions.VIEW_PORTFOLIO_NAME) %} - -
- {{ portfolio_form.csrf_token }} -
-
- {{ TextInput(portfolio_form.name, validation="portfolioName") }} -
- + {% if user_can(permissions.EDIT_PORTFOLIO_NAME) %} + + + {{ portfolio_form.csrf_token }} +
+
+ {{ TextInput(portfolio_form.name, validation="portfolioName") }} +
{{ SaveButton(text='Save', additional_classes='usa-button-big') }}
-
-
-
{{ "forms.task_order.defense_component_label" | translate }}
- {% if portfolio.defense_component %} -
{{ portfolio.defense_component }}
- {% else %} -
{{ "fragments.portfolio_admin.none" | translate }}
- {% endif %} -
-
+ {% else %} +
+
+ {{ "portfolios.admin.portfolio_name" | translate }} +
+
+ +
+
+ {{ portfolio.name }} +
+
{% endif %} + +
+
+
{{ "forms.task_order.defense_component_label" | translate }}
+ {% if portfolio.defense_component %} +
{{ portfolio.defense_component }}
+ {% else %} +
{{ "fragments.portfolio_admin.none" | translate }}
+ {% endif %} +
+
diff --git a/translations.yaml b/translations.yaml index 9d824bb2..2b9e1c37 100644 --- a/translations.yaml +++ b/translations.yaml @@ -440,6 +440,7 @@ portfolios: portfolio_members_subheading: These members have different levels of access to the portfolio. portfolio_members_title: Portfolio members settings_info: Learn more about these settings + portfolio_name: Portfolio name applications: add_application_text: Add a new application add_environment: Add new environment