From ac96faf6baa33ac51b320158d19a0179a476fee7 Mon Sep 17 00:00:00 2001
From: Chris Croome <chris@webarchitects.co.uk>
Date: Fri, 5 Jul 2019 13:36:13 +0100
Subject: [PATCH] vertical align co-op images on technology pages

---
 _layouts/service.html    | 4 ++--
 _layouts/technology.html | 2 +-
 assets/css/app.css       | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/_layouts/service.html b/_layouts/service.html
index 9777ad5..8bb8e12 100644
--- a/_layouts/service.html
+++ b/_layouts/service.html
@@ -42,8 +42,8 @@
               {% for coop in site.coops %}
                 {% if coop.services contains page.slug %}
                   <div class="column">
-                    <a href="{{ coop.url | relative_url }}" class="coop-thumb">
-                      <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" id="#{{ coop.slug }}">
+                    <a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
+                      <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
                     </a>
                   </div>
                 {% endif %}
diff --git a/_layouts/technology.html b/_layouts/technology.html
index bd70b7c..0710307 100644
--- a/_layouts/technology.html
+++ b/_layouts/technology.html
@@ -42,7 +42,7 @@
               {% for coop in site.coops %}
                 {% if coop.technologies contains page.slug %}
                   <div class="column">
-                    <a href="{{ coop.url | relative_url }}" class="coop-thumb">
+                    <a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
                       <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
                     </a>
                   </div>
diff --git a/assets/css/app.css b/assets/css/app.css
index e3cf840..84b8189 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -6683,7 +6683,8 @@ a:focus {
   .coop-thumb img {
     max-height: 100%; }
 
-/* Vertical align coop logos on services pages */
+/* Vertical align coop logos on technology and services pages */
+.technology #grid .coop-thumb, 
 .service #grid .coop-thumb {
   display: flex;
   justify-content: center;