Fixing on hover color change for Back button

uoForms · Sep 29, 2023 · 8092f16 · 8092f16
1 parent f5d2128
commit 8092f16
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -697,15 +697,15 @@ class App extends Component {
               >
                 <div className="instructionModalCss">
                   <div className="row m-0 d-flex align-items-center" style={{ background: 'linear-gradient(to right, #1b55a4 1%, #1b63b0 46%, #1a7ec6 87%)', padding: '30px' }}>
-                    {/* <div className="col-2 p-0 text-left"> */}
-                      <div className="col-2 p-0 text-left" style={{color: "white"}}>
+                    <div className="col-2 p-0 text-left" id="termsButton">
                       <FaArrowLeft
                         size={24}
                         className="icon-brand-color"
                         onClick={this.props.setAppLanguage}
                       />
                     </div>
 
+
                     <div className="col-8 text-center" style={termsofUseLabel} test-id="termOfUseLabel">
                       {this.state.lang.disclaimer_header}
                     </div>

diff --git a/src/index.css b/src/index.css
@@ -22,7 +22,15 @@ a:hover, a:focus, a:active, a:focus-visible {
 }
 
 .icon-brand-color {
-  color: #fff;
+  color: #25AAE1;
+}
+
+#termsButton .icon-brand-color {
+  color: white; 
+}
+
+#termsButton .icon-brand-color:hover, .icon-brand-color:focus, .icon-brand-color:active {
+  color: #D7DF21;
 }
 
 .icon-brand-color:hover, .icon-brand-color:focus, .icon-brand-color:active {