From 551dad7c2c0382f28ea42d6304a2387c8f618661 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Tue, 5 Nov 2024 09:25:30 -0600
Subject: [PATCH] Merge pull request #21518 from overleaf/jel-template-title

[web] Badges inline with last line of title on template page

GitOrigin-RevId: cdaa7fd6dbaa2a37f3f60a17be280c3b92dac695
---
 .../stylesheets/bootstrap-5/pages/templates-v2.scss  | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
index 11e515c342..e3d98ad6ec 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
@@ -307,15 +307,21 @@
   }
 
   .gallery-item-title {
-    display: inline-flex;
-    gap: var(--spacing-06);
+    * {
+      vertical-align: middle;
+    }
 
     h1 {
+      display: inline;
       margin: unset;
     }
 
+    h1:has(+ .gallery-item-title-badge-container) {
+      margin-right: var(--spacing-06);
+    }
+
     .gallery-item-title-badge-container {
-      display: flex;
+      display: inline-flex;
       justify-content: center;
       align-items: center;
       gap: var(--spacing-04);