From fe8e7a04547e3e40e30807f790a7deae5aaefcef Mon Sep 17 00:00:00 2001
From: Adam SP <Adam.Smith-Platts@outlook.com>
Date: Tue, 13 Feb 2024 16:31:20 +1100
Subject: [PATCH] Updated the `CartPage` CSS to make the behaviour of the
 `Update` button align with other "buttons" on hover

---
 .../end/WebApp/Components/Pages/Cart/CartPage.razor.css     | 6 ++++++
 .../src/WebApp/Components/Pages/Cart/CartPage.razor.css     | 6 ++++++
 .../end/WebApp/Components/Pages/Cart/CartPage.razor.css     | 6 ++++++
 .../src/WebApp/Components/Pages/Cart/CartPage.razor.css     | 6 ++++++
 .../src/WebApp/Components/Pages/Cart/CartPage.razor.css     | 6 ++++++
 src/WebApp/Components/Pages/Cart/CartPage.razor.css         | 6 ++++++
 6 files changed, 36 insertions(+)

diff --git a/labs/4-Add-Shopping-Basket/end/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/4-Add-Shopping-Basket/end/WebApp/Components/Pages/Cart/CartPage.razor.css
index 24efa47..cc34156 100644
--- a/labs/4-Add-Shopping-Basket/end/WebApp/Components/Pages/Cart/CartPage.razor.css
+++ b/labs/4-Add-Shopping-Basket/end/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;
diff --git a/labs/4-Add-Shopping-Basket/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/4-Add-Shopping-Basket/src/WebApp/Components/Pages/Cart/CartPage.razor.css
index 24efa47..cc34156 100644
--- a/labs/4-Add-Shopping-Basket/src/WebApp/Components/Pages/Cart/CartPage.razor.css
+++ b/labs/4-Add-Shopping-Basket/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;
diff --git a/labs/5-Add-Checkout/end/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/5-Add-Checkout/end/WebApp/Components/Pages/Cart/CartPage.razor.css
index 24efa47..cc34156 100644
--- a/labs/5-Add-Checkout/end/WebApp/Components/Pages/Cart/CartPage.razor.css
+++ b/labs/5-Add-Checkout/end/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;
diff --git a/labs/5-Add-Checkout/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/5-Add-Checkout/src/WebApp/Components/Pages/Cart/CartPage.razor.css
index 24efa47..cc34156 100644
--- a/labs/5-Add-Checkout/src/WebApp/Components/Pages/Cart/CartPage.razor.css
+++ b/labs/5-Add-Checkout/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;
diff --git a/labs/6-Add-Resiliency/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/6-Add-Resiliency/src/WebApp/Components/Pages/Cart/CartPage.razor.css
index 24efa47..cc34156 100644
--- a/labs/6-Add-Resiliency/src/WebApp/Components/Pages/Cart/CartPage.razor.css
+++ b/labs/6-Add-Resiliency/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;
diff --git a/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/src/WebApp/Components/Pages/Cart/CartPage.razor.css
index 24efa47..cc34156 100644
--- a/src/WebApp/Components/Pages/Cart/CartPage.razor.css
+++ b/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;