From b66a85269f4e1cd4eaa94f0d81d72db3ca10b6ae Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Mon, 27 Nov 2023 03:02:03 +0200
Subject: [PATCH] Add color to links in info inputs

---
 frontend/src/Components/Form/InfoInput.css | 13 +++++++++++++
 frontend/src/Components/Form/InfoInput.js  |  6 +++++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/Components/Form/InfoInput.css

diff --git a/frontend/src/Components/Form/InfoInput.css b/frontend/src/Components/Form/InfoInput.css
new file mode 100644
index 000000000..6a37f8ddf
--- /dev/null
+++ b/frontend/src/Components/Form/InfoInput.css
@@ -0,0 +1,13 @@
+.message {
+  composes: alert from '~Components/Alert.css';
+
+  a {
+    color: var(--linkColor);
+    text-decoration: none;
+
+    &:hover {
+      color: var(--linkHoverColor);
+      text-decoration: underline;
+    }
+  }
+}
diff --git a/frontend/src/Components/Form/InfoInput.js b/frontend/src/Components/Form/InfoInput.js
index d26a519a4..77b833c4b 100644
--- a/frontend/src/Components/Form/InfoInput.js
+++ b/frontend/src/Components/Form/InfoInput.js
@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import Alert from 'Components/Alert';
 import { kinds } from 'Helpers/Props';
+import styles from './InfoInput.css';
 
 class InfoInput extends Component {
 
@@ -12,7 +13,10 @@ class InfoInput extends Component {
     const { value } = this.props;
 
     return (
-      <Alert kind={kinds.INFO}>
+      <Alert
+        kind={kinds.INFO}
+        className={styles.message}
+      >
         <span dangerouslySetInnerHTML={{ __html: value }} />
       </Alert>
     );