diff --git a/services/web/frontend/stylesheets/app/account-settings.less b/services/web/frontend/stylesheets/app/account-settings.less index 778911a841..fd545f9dfb 100644 --- a/services/web/frontend/stylesheets/app/account-settings.less +++ b/services/web/frontend/stylesheets/app/account-settings.less @@ -178,7 +178,8 @@ tbody > tr.affiliations-table-warning-row > td { } .title-row { - margin: 0; + display: flex; + align-items: center; margin-bottom: 10px; > h4 { @@ -199,6 +200,10 @@ tbody > tr.affiliations-table-warning-row > td { @media (max-width: @screen-xs-max) { .settings-widget-container { grid-template-columns: 1fr; + + .title-row { + display: unset; + } } } diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/account-settings.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/account-settings.scss index 446c6d5fc6..2cd2a2d821 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/account-settings.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/account-settings.scss @@ -97,7 +97,8 @@ } .title-row { - margin: var(--spacing-00); + display: flex; + align-items: center; margin-bottom: var(--spacing-05); > h4 { @@ -115,9 +116,13 @@ } } -@include media-breakpoint-down(sm) { +@include media-breakpoint-down(md) { .settings-widget-container { grid-template-columns: 1fr; + + .title-row { + display: unset; + } } }