From 1a46ed79b067138540f1de888bf9c385cf25abde Mon Sep 17 00:00:00 2001
From: Ben Meyrick <bameyrick@gmail.com>
Date: Thu, 9 May 2019 13:12:02 +0100
Subject: [PATCH] Make actions spacer with css rather than using a character
 (#358)

---
 src/components/summary/_macro.njk    | 2 +-
 src/components/summary/_summary.scss | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/summary/_macro.njk b/src/components/summary/_macro.njk
index ded35f1cbb..c7690b20b8 100644
--- a/src/components/summary/_macro.njk
+++ b/src/components/summary/_macro.njk
@@ -66,7 +66,7 @@
                             {% if rowItem.actions %}
                                 <td class="summary__actions">
                                     {% for action in (rowItem.actions if rowItem.actions is iterable else rowItem.actions.items()) %}
-                                        {% if loop.index > 1 %}<span class="summary__spacer">|</span>{% endif %}
+                                        {% if loop.index > 1 %}<span class="summary__spacer"></span>{% endif %}
                                         <a
                                             href="{{ action.url }}"
                                             class="summary__button"
diff --git a/src/components/summary/_summary.scss b/src/components/summary/_summary.scss
index 15c572b291..7b1634e20b 100644
--- a/src/components/summary/_summary.scss
+++ b/src/components/summary/_summary.scss
@@ -60,7 +60,15 @@ $hub-row-spacing: 1.3rem;
   }
 
   &__spacer {
+    display: inline-block;
+
     margin: 0 0.25rem;
+    width: 1px;
+    height: 1rem;
+
+    background: $color-black;
+
+    vertical-align: middle;
   }
 
   // Item Modifiers