From b65e604e86d1aa5232e348bfe1bee021507a5975 Mon Sep 17 00:00:00 2001
From: Chas Nelson <github@chasnelson.co.uk>
Date: Tue, 8 Oct 2024 16:12:43 +0100
Subject: [PATCH] feat: make group icons on homepage show their group images as
 icons (#44)

* feat: make groups on home page show icons

* feat: make flag a bit thinner
---
 ckanext/zarr/assets/css/zarr.css                      | 1 +
 ckanext/zarr/assets/css/zarr_palette.css              | 4 ++--
 ckanext/zarr/templates/group/snippets/group_item.html | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ckanext/zarr/assets/css/zarr.css b/ckanext/zarr/assets/css/zarr.css
index 717beb9..230227e 100644
--- a/ckanext/zarr/assets/css/zarr.css
+++ b/ckanext/zarr/assets/css/zarr.css
@@ -115,6 +115,7 @@
     margin-right: 26px;
     margin-bottom: 6px;
     border-radius: 4px;
+    text-align: center;
 }
 
 .topics li a .topic-link {
diff --git a/ckanext/zarr/assets/css/zarr_palette.css b/ckanext/zarr/assets/css/zarr_palette.css
index 91a0d8e..8b46713 100644
--- a/ckanext/zarr/assets/css/zarr_palette.css
+++ b/ckanext/zarr/assets/css/zarr_palette.css
@@ -63,7 +63,7 @@
     pointer-events: none;
 }
 .flag-bar {
-    width: 60px;
+    width: 30px;
     height: 100%;
 }
 .flag-black {
@@ -80,4 +80,4 @@
 
 .flag-green {
     background: #009E49;
-}
\ No newline at end of file
+}
diff --git a/ckanext/zarr/templates/group/snippets/group_item.html b/ckanext/zarr/templates/group/snippets/group_item.html
index 6169dcc..8deb280 100644
--- a/ckanext/zarr/templates/group/snippets/group_item.html
+++ b/ckanext/zarr/templates/group/snippets/group_item.html
@@ -5,5 +5,5 @@
 {% set url = h.url_for(type ~ '.read', id=group.name) %}
 
 {% block item %}
-    <li><a href="{{ url }}"><p class="topic-top-square"></p><p class="topic-link">{{ _(group.title) }}</p></a></li>
+    <li><a href="{{ url }}"><p class="topic-top-square"><img src="{{ group.image_url }}" width="36px"/></p><p class="topic-link">{{ _(group.title) }}</p></a></li>
 {% endblock %}