Merge pull request #18664 from overleaf/td-bs5-integrations-premium-badge

Position "premium feature" badge correctly on account settings page

GitOrigin-RevId: 82d8a1db739a9836bcfa2c6a56a2bc6198da7f54

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

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