From e79f2e2c6e8cef3692ab9397e4f7e6db012e67f2 Mon Sep 17 00:00:00 2001
From: Andrew Hosgood <andrew.hosgood@nationalarchives.gov.uk>
Date: Wed, 6 Dec 2023 16:38:31 +0000
Subject: [PATCH] Change actions for tna-button

---
 CHANGELOG.md                                      | 1 +
 src/nationalarchives/components/card/card.scss    | 2 --
 src/nationalarchives/components/card/template.njk | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0943d3f6..2a284a7e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Cookies class parameter `extraPolicies` moved to key inside the options object parameter
+- Card actions are now buttons using `.tna-button`
 
 ### Deprecated
 ### Removed
diff --git a/src/nationalarchives/components/card/card.scss b/src/nationalarchives/components/card/card.scss
index abf40ae8..c9f8c944 100644
--- a/src/nationalarchives/components/card/card.scss
+++ b/src/nationalarchives/components/card/card.scss
@@ -78,8 +78,6 @@
   }
 
   &__actions {
-    margin-top: 2rem;
-
     order: 4;
   }
 
diff --git a/src/nationalarchives/components/card/template.njk b/src/nationalarchives/components/card/template.njk
index 0d8ce010..c1d61ab9 100644
--- a/src/nationalarchives/components/card/template.njk
+++ b/src/nationalarchives/components/card/template.njk
@@ -81,9 +81,9 @@
     {%- endif %}
     </div>
   {%- if params.actions %}
-    <div class="tna-card__actions">
+    <div class="tna-card__actions tna-button-group">
     {%- for item in params.actions %}
-      <a href="{{ item.href }}" class="tna-card__action{% if params.hrefClasses %} {{ params.hrefClasses }}{% endif %}" {%- if item.title %} title="{{ item.title }}"{% endif %} {%- for attribute, value in params.hrefAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+      <a href="{{ item.href }}" class="tna-button{% if params.hrefClasses %} {{ params.hrefClasses }}{% endif %}" {%- if item.title %} title="{{ item.title }}"{% endif %} {%- for attribute, value in params.hrefAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
         {%- if item.brandIcon %}
         <i class="fa-brands fa-fw fa-{{ item.brandIcon }}"></i>
         {%- elseif item.icon %}