From 6a7291e67793074388c5ff157e59a354bb172694 Mon Sep 17 00:00:00 2001
From: Matt Way <mattyway@gmail.com>
Date: Mon, 19 Aug 2024 00:07:08 +1000
Subject: [PATCH] Improve wrapping of candidate rating ticks

---
 php-template/template.php | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/php-template/template.php b/php-template/template.php
index ca7f55a..86c6d71 100644
--- a/php-template/template.php
+++ b/php-template/template.php
@@ -56,6 +56,14 @@
                                 } else {
                                     $candidate_image = $media['default.png'];
                                 }
+
+                                $candidate_rating = str_repeat("✔️", min(5, $candidate['Rating']));
+                                $candidate_rating_colour = "green";
+
+                                // If string is 5 ticks, insert a zero width space between the 3rd and 4th ticks so that it wraps nicer
+                                if ($candidate_rating == "✔️✔️✔️✔️✔️") {
+                                    $candidate_rating = "✔️✔️✔️&#8203;✔️✔️";
+                                }
                             ?>
 
                             <!-- wp:image {"id":<?php echo $candidate_image['id']; ?>,"width":"200px","height":"200px","scale":"cover","align":"center","style":{"color":{}},"className":"is-resized"} -->
@@ -67,7 +75,7 @@
                             <!-- /wp:heading -->
 
                             <!-- wp:paragraph {"align":"center","style":{"layout":{"selfStretch":"fit","flexSize":null},"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"0.5rem","bottom":"1.5rem"}}},"fontSize":"large"} -->
-                            <p class="has-text-align-center has-large-font-size" style="margin-top:0.5rem;margin-bottom:1.5rem;line-height:1;color: rgba(100%, 0%, 0%, 0);text-shadow: 0 0 0 green;"><?php echo str_repeat("✔️", $candidate['Rating']); ?></p>
+                            <p class="has-text-align-center has-large-font-size" style="margin-top:0.5rem;margin-bottom:1.5rem;line-height:1;color: rgba(100%, 0%, 0%, 0);text-shadow: 0 0 0 <?php echo $candidate_rating_colour; ?>;"><?php echo $candidate_rating; ?></p>
                             <!-- /wp:paragraph -->
                         <?php endif; ?>