From 15f0b2d739d42d2c94123d236a440570a9b867af Mon Sep 17 00:00:00 2001
From: Craig Yu <craig.yu93@gmail.com>
Date: Thu, 18 Jan 2024 10:09:33 -0800
Subject: [PATCH] fix: styles

---
 .../views/Seedlot/SeedlotDashboard/RecentSeedlots/styles.scss | 4 ++--
 .../src/views/Seedlot/SeedlotRegistrationForm/SaveTooltip.tsx | 4 +++-
 .../src/views/Seedlot/SeedlotRegistrationForm/styles.scss     | 4 ++++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Seedlot/SeedlotDashboard/RecentSeedlots/styles.scss b/frontend/src/views/Seedlot/SeedlotDashboard/RecentSeedlots/styles.scss
index adc7e85a5..fb03baa24 100644
--- a/frontend/src/views/Seedlot/SeedlotDashboard/RecentSeedlots/styles.scss
+++ b/frontend/src/views/Seedlot/SeedlotDashboard/RecentSeedlots/styles.scss
@@ -1,7 +1,7 @@
 @use '@bcgov-nr/nr-theme/design-tokens/variables.scss' as vars;
 @use '@carbon/type';
 
-p.recent-seedlots-subtitle {
+.recent-seedlots-subtitle {
   padding-bottom: 1rem;
 }
 
@@ -20,7 +20,7 @@ p.recent-seedlots-subtitle {
   padding-top: 1rem;
 }
 
-.recent-seedlots-title > h2 {
+.recent-seedlots-title>h2 {
   @include type.type-style('heading-03');
   margin-bottom: 0.5rem;
 }
diff --git a/frontend/src/views/Seedlot/SeedlotRegistrationForm/SaveTooltip.tsx b/frontend/src/views/Seedlot/SeedlotRegistrationForm/SaveTooltip.tsx
index 42dd50af8..7b18b02dc 100644
--- a/frontend/src/views/Seedlot/SeedlotRegistrationForm/SaveTooltip.tsx
+++ b/frontend/src/views/Seedlot/SeedlotRegistrationForm/SaveTooltip.tsx
@@ -56,7 +56,9 @@ const SaveTooltipLabel = (
 
   return (
     <Toggletip align="bottom" className="save-toggletip">
-      <ToggletipButton className="save-toggletip-btn" label="autosave info"><p>{autsavePrompt}</p></ToggletipButton>
+      <ToggletipButton className="save-toggletip-btn" label="autosave info">
+        <p className={saveStatus === 'error' ? 'save-error-p' : undefined}>{autsavePrompt}</p>
+      </ToggletipButton>
       <ToggletipContent className="save-toggletip-content">
         <p>
           Changes you make are saved periodically.
diff --git a/frontend/src/views/Seedlot/SeedlotRegistrationForm/styles.scss b/frontend/src/views/Seedlot/SeedlotRegistrationForm/styles.scss
index 8e5124045..2efe03b62 100644
--- a/frontend/src/views/Seedlot/SeedlotRegistrationForm/styles.scss
+++ b/frontend/src/views/Seedlot/SeedlotRegistrationForm/styles.scss
@@ -26,6 +26,10 @@
         color: var(--#{vars.$bcgov-prefix}-text-secondary);
         text-decoration: underline dotted var(--#{vars.$bcgov-prefix}-border-interactive);
       }
+
+      .save-error-p {
+        color: var(--#{vars.$bcgov-prefix}-text-error);
+      }
     }
 
     .save-toggletip-content {