From bfa24de3842aceb3e1ef6935fe559fa0ab3a77df Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaro@ttx.sk>
Date: Sun, 21 Jan 2024 09:34:56 +0100
Subject: [PATCH] fix color on even-row in results

---
 resources/js/Pages/IkeaRoot.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/js/Pages/IkeaRoot.vue b/resources/js/Pages/IkeaRoot.vue
index 845e328..6c40a51 100644
--- a/resources/js/Pages/IkeaRoot.vue
+++ b/resources/js/Pages/IkeaRoot.vue
@@ -384,7 +384,7 @@ watch(ccodes, (codes) => {
           <span class="font-extrabold font-mono">Results <b v-if="itemCode">for {{ itemCode }}</b> </span>
         </div>
         <div>
-          <EasyTable :rows-per-page=25 :headers="hproducts" :items="tproducts" :body-row-class-name="bodyRowClassNameFunction" alternating>
+          <EasyTable id="results" :rows-per-page=25 :headers="hproducts" :items="tproducts" :body-row-class-name="bodyRowClassNameFunction" alternating>
             <template #item-countryName="{ countryName, url }">
               <a class="underline" target="_blank" :href="url">{{ countryName }}</a>
             </template>
@@ -507,9 +507,14 @@ watch(ccodes, (codes) => {
   width: 128px;
 }
 
-:root .result-country {
+.result-country {
   --easy-table-body-row-background-color: yellow !important;
 }
+
+.even-row .result-country {
+  --easy-table-body-row-background-color: yellow !important;
+}
+
 </style>
 <style src="vue-multiselect/dist/vue-multiselect.css"></style>