diff --git a/scss/westgate/_categories.scss b/scss/westgate/_categories.scss index 92dea60..bcb234b 100644 --- a/scss/westgate/_categories.scss +++ b/scss/westgate/_categories.scss @@ -181,17 +181,28 @@ li[component="categories/category"] .description { } ul.category-children { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); + gap: 0.5rem; margin-top: 0.55rem !important; padding-top: 0.35rem; border-top: 0 !important; } +.category-children-item { + width: auto !important; + max-width: none !important; + flex: initial !important; + margin: 0 !important; +} + .category-children-item > div, .westgate-category-child { - display: inline-flex; + display: flex; align-items: center; gap: 0.5rem; - max-width: 100%; + width: 100%; + max-width: none; min-height: 2.1rem; padding: 0.25rem 0.65rem 0.25rem 0.3rem; background: rgba(44, 22, 34, 0.3); @@ -236,7 +247,10 @@ ul.category-children { .category-children-item a { color: #d8c28a !important; + display: block; + min-width: 0; font-weight: 600; + line-height: 1.2; text-decoration: none !important; }