diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index 37658ac1..c58d2e0d 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -273,24 +273,17 @@ .accordion-table__item-content.form-row { margin-bottom: 0; margin-top: 0; - padding-bottom: 0; + padding: 0; } li.accordion-table__item__expanded { height: auto; } - .environment-list__item { - position: relative; - height: 7rem; - } - span.accordion-table__item__toggler.icon-link { font-size: $small-font-size; font-weight: $font-normal; - position: absolute; - left: -$gap * 1.25; - bottom: 0; + float: unset; } a.application-list-item__environment__csp_link.icon-link { diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss index 46b8917b..b8d306cf 100644 --- a/styles/elements/_panels.scss +++ b/styles/elements/_panels.scss @@ -61,11 +61,6 @@ &__content { margin: ($gap * 2) 0; padding: 0 ($gap * 2); - - @include media($medium-screen) { - margin: ($gap * 4) 0; - padding: 0 ($gap * 4); - } } &__body { diff --git a/templates/applications/settings.html b/templates/applications/settings.html index 58a5b17d..49fad8d7 100644 --- a/templates/applications/settings.html +++ b/templates/applications/settings.html @@ -64,14 +64,12 @@ user_can_delete_app_member=user_can(permissions.DELETE_APPLICATION_MEMBER), ) }} -
- {{ 'common.resource_names.environments' | translate }} -
-
+

{{ 'common.resource_names.environments' | translate }}

+
{% if g.matchesPath("application-environments") %} {% include "fragments/flash.html" %} {% endif %} -
+
    {% for env in environments_obj %} @@ -84,44 +82,36 @@ {{ env['name'] }} - {% if env['pending'] %} + {% set members_button = "portfolios.applications.member_count" | translate({'count': env['member_count']}) %} + {{ + ToggleButton( + open_html=members_button, + close_html=members_button, + section_name="members" + ) + }} +
    + {% if env['pending'] -%} PROCESSING - {% endif %} - {% if env['pending'] %} - - {% set edit_environment_button %} - {{ Icon('edit') }} - {% endset %} - - {{ - ToggleButton( - open_html=edit_environment_button, - close_html=edit_environment_button, - section_name="edit" - ) - }} - - {% endif %} - - {% set members_button = "portfolios.applications.member_count" | translate({'count': env['member_count']}) %} - {{ - ToggleButton( - open_html=members_button, - close_html=members_button, - section_name="members" - ) - }} - + {% else %} + + {{ "portfolios.applications.csp_link" | translate }} {{ Icon('link', classes="icon--tiny") }} + + {%- endif %}
- {% if env['pending'] %} - Cloud service provider link unavailable - {% else %} - - {{ "portfolios.applications.csp_link" | translate }} {{ Icon('link', classes="icon--tiny") }} - - {% endif %} + {% set edit_environment_button %} + Edit + {% endset %} + + {{ + ToggleButton( + open_html=edit_environment_button, + close_html=edit_environment_button, + section_name="edit" + ) + }}
@@ -161,8 +151,8 @@ {% include "applications/fragments/add_new_environment.html" %}
{% endif %} - - + +
{% if user_can(permissions.DELETE_APPLICATION) %} diff --git a/templates/components/toggle_list.html b/templates/components/toggle_list.html index bb16d87e..ce649f69 100644 --- a/templates/components/toggle_list.html +++ b/templates/components/toggle_list.html @@ -1,11 +1,11 @@ {% macro ToggleButton(action, open_html, close_html, section_name) %} - -
+ + {{ close_html }} -
-
+ + {{ open_html }} -
+
{% endmacro %}