From 61e18e726624971d276469ceabaf47c1a954a99b Mon Sep 17 00:00:00 2001 From: Davinder Singh Date: Mon, 28 Oct 2024 10:01:51 +0000 Subject: [PATCH] Gallery redesign - Fixing the overflow of cta's in the layout on smaller screen on Gallery item page (#21405) * adding flex-wrap to avoid overlapping of the buttons * renaming classes to avoid modifying col-md-12 properties GitOrigin-RevId: d000bd3c0b5be15f526ccbd1699cfe5679c0ddec --- .../frontend/stylesheets/bootstrap-5/pages/templates-v2.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 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 a8159822bd..1fb143e26a 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss @@ -347,13 +347,14 @@ @include heading-xs; } - .cta-links { + .cta-links-container { margin: var(--spacing-09) 0; - .col-md-12 { + .cta-links { display: inline-flex; gap: var(--spacing-04); padding: unset; + flex-wrap: wrap; } }