From 9cfec57c1de64859f0e560b0c7176d1e4d351f12 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Wed, 6 Nov 2024 11:11:13 -0600
Subject: [PATCH] Merge pull request #21679 from overleaf/jel-template-mobile

[web] Go back to full width on mobile for gallery details

GitOrigin-RevId: 82ecefbd96d3693ec62ccfb70ed0eba2287bbc36
---
 .../bootstrap-5/pages/templates-v2.scss          | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 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 dbf0dd2854..eef11d0c2f 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
@@ -336,12 +336,20 @@
   .template-details-container {
     @include heading-xs;
 
-    gap: var(--spacing-04) var(--spacing-11);
-    display: grid;
-    grid-template-columns: auto auto;
+    @include media-breakpoint-up(lg) {
+      gap: var(--spacing-04) var(--spacing-11);
+      display: grid;
+      grid-template-columns: auto auto;
+    }
 
     .template-detail {
-      display: contents;
+      @include media-breakpoint-down(lg) {
+        margin-bottom: var(--spacing-06);
+      }
+
+      @include media-breakpoint-up(lg) {
+        display: contents;
+      }
 
       div:first-child {
         white-space: nowrap;