From e533bee8a3fad2bebfde5080c2df3a668abad8f5 Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Mon, 3 Jun 2024 13:00:48 +0100
Subject: [PATCH] Merge pull request #18664 from
 overleaf/td-bs5-integrations-premium-badge

Position "premium feature" badge correctly on account settings page

GitOrigin-RevId: 82d8a1db739a9836bcfa2c6a56a2bc6198da7f54
---
 .../web/frontend/stylesheets/app/account-settings.less   | 7 ++++++-
 .../stylesheets/bootstrap-5/pages/account-settings.scss  | 9 +++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

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;
+    }
   }
 }