Merge pull request #21516 from overleaf/jel-template-labels

[web] Use grid layout for template details

GitOrigin-RevId: 1f15dfcd9bc04bec5bd7e0b6a7b1230966def997

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

@@ -328,9 +328,19 @@
   }
 
   .template-details-container {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing-04);
+    @include heading-xs;
+
+    gap: var(--spacing-04) var(--spacing-11);
+    display: grid;
+    grid-template-columns: auto auto;
+
+    .template-detail {
+      display: contents;
+
+      &.tags > div {
+        margin-top: var(--spacing-06);
+      }
+    }
   }
 
   .gallery-abstract {
@@ -340,17 +350,10 @@
     a {
       hyphens: none;
     }
-  }
-
-  .field-title {
-    color: var(--neutral-70);
-    font-weight: 600;
 
-    @include heading-xs;
-  }
-
-  .field-description {
-    @include heading-xs;
+    p:last-child {
+      margin-bottom: 0;
+    }
   }
 
   .cta-links-container {