From 21e5dff210a169c9cf3481fc2f5731568e77d7f9 Mon Sep 17 00:00:00 2001 From: Andy Smith Date: Wed, 21 May 2025 01:09:11 -0500 Subject: [PATCH 1/2] Ensure all content starts in the correct column --- app/assets/stylesheets/events.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/app/assets/stylesheets/events.css b/app/assets/stylesheets/events.css index 68c61d5a7..d96dc293e 100644 --- a/app/assets/stylesheets/events.css +++ b/app/assets/stylesheets/events.css @@ -71,6 +71,10 @@ @media (min-width: 640px) { display: contents; } + + &:nth-of-type(1) > * { grid-column-start: 1; } + &:nth-of-type(2) > * { grid-column-start: 2; } + &:nth-of-type(3) > * { grid-column-start: 3; } } .events__column-header { From 968c2b7ae8edc52f895c5ad028bfb38817e0676f Mon Sep 17 00:00:00 2001 From: Andy Smith Date: Wed, 21 May 2025 11:36:36 -0500 Subject: [PATCH 2/2] Ensure headings start on row 1 --- app/assets/stylesheets/events.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/events.css b/app/assets/stylesheets/events.css index d96dc293e..3c4ab93ae 100644 --- a/app/assets/stylesheets/events.css +++ b/app/assets/stylesheets/events.css @@ -79,7 +79,7 @@ .events__column-header { background-color: var(--color-canvas); - grid-row-start: 2; + grid-row-start: 1; inset-block-start: calc(var(--events-gap) * -2); margin-block-end: var(--events-gap); padding-block: calc(var(--events-gap) * 3) var(--events-gap);