diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index 430f056..5e6b3ea 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -1585,7 +1585,7 @@ article.serp-list-row { display: grid; /* Smaller thumbnails (was 140/200/260/320 across the tiers below) — frees horizontal room for the body text + a right rail. */ - grid-template-columns: 88px minmax(0, 1fr); + grid-template-columns: 110px minmax(0, 1fr); gap: var(--space-4, 16px); align-items: start; padding: var(--space-3, 12px); @@ -1647,7 +1647,7 @@ p.serp-list-excerpt { grows. The parent .serp-list is the query container. */ @container (min-width: 600px) { article.serp-list-row { - grid-template-columns: 110px minmax(0, 1fr); + grid-template-columns: 145px minmax(0, 1fr); gap: var(--space-5, 20px); } h3.serp-list-title { @@ -1656,12 +1656,12 @@ p.serp-list-excerpt { } @container (min-width: 900px) { article.serp-list-row { - grid-template-columns: 130px minmax(0, 1fr); + grid-template-columns: 175px minmax(0, 1fr); } } @container (min-width: 1200px) { article.serp-list-row { - grid-template-columns: 150px minmax(0, 1fr); + grid-template-columns: 210px minmax(0, 1fr); } } @@ -1956,7 +1956,7 @@ div.tag-detail-layout { @media (min-width: 1100px) { div.tag-detail-layout { /* facet | results | featured rail */ - grid-template-columns: 220px minmax(0, 1fr) 260px; + grid-template-columns: 220px minmax(0, 1fr) 340px; } div.tag-detail-layout > aside.serp-rail { grid-column: auto; @@ -1992,7 +1992,7 @@ ul.serp-rail-list { } li.serp-rail-card { display: grid; - grid-template-columns: 56px minmax(0, 1fr); + grid-template-columns: 76px minmax(0, 1fr); gap: var(--space-2, 8px); align-items: start; padding: var(--space-2, 8px);