From bb7ea42bc5ca0e90ab0fc427f119eea63c0cf2ff Mon Sep 17 00:00:00 2001
From: Lucas Cumsille M <hello@lucascm.dev>
Date: Wed, 9 Oct 2024 11:39:46 +0000
Subject: [PATCH] Improved day links accessibility for calendar component

---
 www/docs/style/sass/pages/_business.scss | 29 +++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/www/docs/style/sass/pages/_business.scss b/www/docs/style/sass/pages/_business.scss
index c97ecc4b2b..752a5683dc 100644
--- a/www/docs/style/sass/pages/_business.scss
+++ b/www/docs/style/sass/pages/_business.scss
@@ -224,10 +224,13 @@ a.business-list__title {
 
     th {
         text-align: inherit;
+        // This min-width minimises the odd uneven day width.
+        min-width: calc(100% / 7);
+        padding: 0;
     }
 
     td {
-        padding: 0;
+        padding: 0.1em;
         border-bottom: 1px solid $colour_off_white;
 
         & > * {
@@ -238,6 +241,26 @@ a.business-list__title {
         &.no {
             color: $colour_mid_grey;
         }
+
+        a {
+            font-weight: bold;
+            border: 1px solid transparent;
+            text-decoration: underline;
+            text-underline-offset: 0.1rem;
+
+            &:hover {
+                background-color: $links;
+                color: $white-text;
+                border-color: $links;
+                text-decoration: none;
+            }
+
+            &:focus {
+                background-color: $color-yellow;
+                color: $body-font-color;
+                border-color: $body-font-color;
+            }
+        }
     }
 
     tr:nth-of-type(even) {
@@ -245,8 +268,8 @@ a.business-list__title {
     }
 
     .on > * {
-        background: mix($colour_off_white, #fff, 50%);
-        color: $primary-color;
+        background: $primary-color;
+        color: $white-text;
     }
 }