From 4a0e5e2a2fe0483d8604fd483d8af853c929dc69 Mon Sep 17 00:00:00 2001
From: Gareth Williams <hello@garethwilliamsdesign.co.uk>
Date: Thu, 26 Oct 2023 15:27:57 +0000
Subject: [PATCH] Fix events card component issue

---
 app/views/teaching_events/about_git_events.html.erb | 2 +-
 app/webpacker/styles/category.scss                  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/views/teaching_events/about_git_events.html.erb b/app/views/teaching_events/about_git_events.html.erb
index 7d26e72039..90eb32367d 100644
--- a/app/views/teaching_events/about_git_events.html.erb
+++ b/app/views/teaching_events/about_git_events.html.erb
@@ -48,7 +48,7 @@
       ) %>
 
       <% if @git_events.any? %>
-        <section class="category__cards">
+        <section id="events" class="category__cards">
           <%= tag.nav(class: "category__nav-cards") do %>
             <ul class="one-column horizontal">
               <%= render(Categories::CardComponent.with_collection(categorise_events(@git_events))) %>
diff --git a/app/webpacker/styles/category.scss b/app/webpacker/styles/category.scss
index 60c597b63b..39f01964da 100644
--- a/app/webpacker/styles/category.scss
+++ b/app/webpacker/styles/category.scss
@@ -217,3 +217,11 @@
     margin-bottom: 0;
   }
 }
+
+#events .category__nav-cards {
+  margin-bottom: 3em;
+}
+
+#events .category__nav-card {
+  background: $white;
+}