From 2e864a9d79c09f9f9940c5f0206126d89ecebfe1 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Tue, 16 Dec 2025 11:54:40 +0000
Subject: [PATCH] Make link styles in grid of co-op images more specific

So that they don't target other links, such as buttons, that appear
inside the grid.
---
 assets/css/app.css | 2 +-
 index.html         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 07ed6ab..bdf2cda 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -240,7 +240,7 @@ section, footer, header {
   align-items: stretch;
 }
 
-.grid a {
+.grid__link {
   display: flex;
   height: 100%;
 }
diff --git a/index.html b/index.html
index 20dd591..51f9140 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@ layout: default
 
   <div class="grid grid-dense">
     {% for coop in site.coops %}
-    <a href="{{ coop.url | relative_url }}">
+    <a class="grid__link" href="{{ coop.url | relative_url }}">
       <div class="box">
         <img class="greyscale" src="/images/coops/{{ coop.logo }}" alt="{{ coop.name }}" />
       </div>