From 4392f2c6523bfb5913615e8d954ceb579b70b99f Mon Sep 17 00:00:00 2001
From: Hybrid Web Dev <justin_a_lindsay@hotmail.com>
Date: Tue, 21 Nov 2023 04:39:28 -0600
Subject: [PATCH] feat: additional classes for improved CSS targeting

* Update ValidationErrorsOverview.svelte

Added additional classes for improved CSS targeting.

* changed class declorations to double quote
---
 .../controls/ValidationErrorsOverview.svelte           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/controls/ValidationErrorsOverview.svelte b/src/lib/components/controls/ValidationErrorsOverview.svelte
index 2158cb86..66615382 100644
--- a/src/lib/components/controls/ValidationErrorsOverview.svelte
+++ b/src/lib/components/controls/ValidationErrorsOverview.svelte
@@ -32,7 +32,7 @@
 {#if !isEmpty(validationErrors)}
   <div class="jse-validation-errors-overview">
     {#if expanded || count === 1}
-      <table>
+      <table class="jse-validation-errors-overview-expanded">
         <tbody>
           {#each limit(validationErrors, MAX_VALIDATION_ERRORS) as validationError, index}
             <tr
@@ -45,10 +45,10 @@
               <td class="jse-validation-error-icon">
                 <Icon data={faExclamationTriangle} />
               </td>
-              <td>
+              <td class="jse-validation-error-path">
                 {stringifyJSONPath(validationError.path)}
               </td>
-              <td>
+              <td class="jse-validation-error-message">
                 {validationError.message}
               </td>
               <td class="jse-validation-error-action">
@@ -77,13 +77,13 @@
         </tbody>
       </table>
     {:else}
-      <table>
+      <table class="jse-validation-errors-overview-collapsed">
         <tbody>
           <tr class="jse-validation-error" on:click={expand}>
             <td class="jse-validation-error-icon">
               <Icon data={faExclamationTriangle} />
             </td>
-            <td>
+            <td class="jse-validation-error-count">
               {count} validation errors
               <div class="jse-validation-errors-expand">
                 <Icon data={faAngleRight} />