diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/card.scss b/services/web/frontend/stylesheets/bootstrap-5/components/card.scss index 826809a0d0..250370ceda 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/components/card.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/components/card.scss @@ -176,6 +176,10 @@ } .card-gray-dark { - background-color: var(--neutral-20); + background-color: var(--neutral-10); border-radius: var(--border-radius-base); + + .card-body { + padding: var(--spacing-10) var(--spacing-09); + } } 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 8b846d481c..096c770625 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss @@ -12,6 +12,19 @@ .gallery { margin-top: var(--spacing-10); + .gallery-tagged-container-spacing { + padding: 0 var(--spacing-09); + } + + .gallery-tagged-tags-container-spacing { + padding: 0 var(--spacing-09); + margin-bottom: var(--spacing-16); + + h2 { + margin-bottom: var(--spacing-09); + } + } + .filters { float: right; margin-bottom: var(--spacing-11); @@ -72,8 +85,23 @@ padding: 0; margin: var(--spacing-16) auto; - h3 { - font-size: var(--font-size-08); + h2 { + @include heading-xl; + } + + .doc-rows-container { + margin-top: var(--spacing-09); + } + } + + .recent-templates-container { + padding: 0 var(--spacing-09); + margin-bottom: var(--spacing-16); + + h2 { + margin-bottom: var(--spacing-09); + + @include heading-xl; } } @@ -170,6 +198,21 @@ } } + .related-tags-top-spacing { + margin-top: var(--spacing-16); + } + + .gallery-tagged-template-tags-container { + display: flex; + flex-wrap: wrap; + gap: var(--spacing-05); + + .badge-content { + padding-left: var(--spacing-02); + padding-right: var(--spacing-02); + } + } + .pagination { margin-top: var(--spacing-13); }