diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less index abead9aaf7..71e4710958 100644 --- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less +++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less @@ -652,6 +652,21 @@ background-color: var(--neutral-10); } + .plans-group-features-table-header-item-content-mobile { + margin-bottom: var(--spacing-08); + padding: var(--spacing-04); + text-align: center; + background-color: var(--neutral-10); + height: 64px; + display: flex; + justify-content: center; + align-items: center; + .plans-features-table-header-item-title-mobile { + display: flex; + flex-direction: column; + } + } + .plans-features-table-header-item-title-mobile { color: var(--neutral-90); line-height: var(--line-height-03); @@ -666,16 +681,19 @@ } } - .plans-features-table-header-item-content-mobile.highlighted { + .highlighted-styles { background-color: var(--neutral-80); - .plans-features-table-header-item-title-mobile { - color: var(--white); - } + .plans-features-table-header-item-title-mobile, .plans-features-table-header-item-price-mobile { color: var(--white); } } + + .plans-features-table-header-item-content-mobile.highlighted, + .plans-group-features-table-header-item-content-mobile.highlighted { + .highlighted-styles; + } } .plans-features-table-body-container-mobile { diff --git a/services/web/locales/en.json b/services/web/locales/en.json index 158b889a8f..baac9b466d 100644 --- a/services/web/locales/en.json +++ b/services/web/locales/en.json @@ -788,6 +788,7 @@ "go_to_pdf_location_in_code": "Go to PDF location in code (Tip: double click on the PDF for best results)", "go_to_settings": "Go to settings", "great_for_getting_started": "Great for getting started", + "group": "Group", "group_admin": "Group admin", "group_admins_get_access_to": "Group admins get access to", "group_admins_get_access_to_info": "Special features available only on group plans.",