From 564aabff6d1f0f17f67c7218f108f611c2ccd76f Mon Sep 17 00:00:00 2001
From: devland <adevland@gmail.com>
Date: Fri, 18 Oct 2024 12:31:31 +0200
Subject: [PATCH 1/4] HFP-4115 fix summary submit button contrast

---
 src/styles/_summary.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/styles/_summary.scss b/src/styles/_summary.scss
index 4705dbaa..c8e7817a 100644
--- a/src/styles/_summary.scss
+++ b/src/styles/_summary.scss
@@ -217,13 +217,16 @@
     .h5p-interactive-book-summary-submit {
       background-color: #0E7C57;
       color: #ffffff;
-      border: 1px solid #0E7C57;
+      border: 2px solid #0E7C57;
       transition: background-color 150ms;
 
       &:hover {
         background-color: #0c694a;
       }
     }
+    .h5p-interactive-book-summary-submit:focus-visible {
+      border: 2px solid #FFF;
+    }
 
     .h5p-interactive-book-summary-restart {
       color: #757575;

From d8968aeb89cb6a827f1b18c22ddceee9d55bd192 Mon Sep 17 00:00:00 2001
From: devland <adevland@gmail.com>
Date: Thu, 24 Oct 2024 14:00:48 +0200
Subject: [PATCH 2/4] HFP-4115 increased focus-visible border size so that
 chrome focus highlight does not completely cover it

---
 src/styles/_summary.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/_summary.scss b/src/styles/_summary.scss
index c8e7817a..1e9757f9 100644
--- a/src/styles/_summary.scss
+++ b/src/styles/_summary.scss
@@ -217,7 +217,7 @@
     .h5p-interactive-book-summary-submit {
       background-color: #0E7C57;
       color: #ffffff;
-      border: 2px solid #0E7C57;
+      border: 4px solid #0E7C57;
       transition: background-color 150ms;
 
       &:hover {
@@ -225,7 +225,7 @@
       }
     }
     .h5p-interactive-book-summary-submit:focus-visible {
-      border: 2px solid #FFF;
+      border: 4px solid #FFF;
     }
 
     .h5p-interactive-book-summary-restart {

From 414ad2937c3fcd362cd3bcc168de7dba769e1126 Mon Sep 17 00:00:00 2001
From: devland <adevland@gmail.com>
Date: Fri, 25 Oct 2024 15:00:13 +0200
Subject: [PATCH 3/4] HFP-4115 change border hover color to match background

---
 src/styles/_summary.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/styles/_summary.scss b/src/styles/_summary.scss
index 1e9757f9..21331d6c 100644
--- a/src/styles/_summary.scss
+++ b/src/styles/_summary.scss
@@ -218,10 +218,11 @@
       background-color: #0E7C57;
       color: #ffffff;
       border: 4px solid #0E7C57;
-      transition: background-color 150ms;
+      transition: background-color 150ms, border-color 150ms;
 
       &:hover {
         background-color: #0c694a;
+        border-color: #0c694a;
       }
     }
     .h5p-interactive-book-summary-submit:focus-visible {

From 0b440da0e797fa08ba805b4a6366f9816dbc1a23 Mon Sep 17 00:00:00 2001
From: devland <adevland@gmail.com>
Date: Fri, 25 Oct 2024 15:38:26 +0200
Subject: [PATCH 4/4] HFP-4115 update restart button border width to match
 submit report button size

---
 src/styles/_summary.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/_summary.scss b/src/styles/_summary.scss
index 21331d6c..45d8253e 100644
--- a/src/styles/_summary.scss
+++ b/src/styles/_summary.scss
@@ -231,7 +231,7 @@
 
     .h5p-interactive-book-summary-restart {
       color: #757575;
-      border: 1px solid #ebebeb;
+      border: 4px solid #ebebeb;
       background-color: #ffffff;
       transition: background-color 150ms;