Browse Source

Merge pull request #21518 from overleaf/jel-template-title

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

GitOrigin-RevId: cdaa7fd6dbaa2a37f3f60a17be280c3b92dac695
Jessica Lawshe 1 year ago
parent
commit
551dad7c2c

+ 9 - 3
services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss

@@ -307,15 +307,21 @@
   }
   }
 
 
   .gallery-item-title {
   .gallery-item-title {
-    display: inline-flex;
-    gap: var(--spacing-06);
+    * {
+      vertical-align: middle;
+    }
 
 
     h1 {
     h1 {
+      display: inline;
       margin: unset;
       margin: unset;
     }
     }
 
 
+    h1:has(+ .gallery-item-title-badge-container) {
+      margin-right: var(--spacing-06);
+    }
+
     .gallery-item-title-badge-container {
     .gallery-item-title-badge-container {
-      display: flex;
+      display: inline-flex;
       justify-content: center;
       justify-content: center;
       align-items: center;
       align-items: center;
       gap: var(--spacing-04);
       gap: var(--spacing-04);