Merge pull request #599 from bcgov/srs-197-fix

reduced the font size and added space for access denied message
bcgov · Jan 12, 2024 · 4e44cf3 · 4e44cf3
2 parents 0dee4c0 + d9c6192
commit 4e44cf3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/index.js b/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/index.js
@@ -9,7 +9,7 @@ const NotFound = React.memo(({ errorMessage, errorCode }) => {
         <p>
           {errorCode}
           <br />
-          <small>{errorMessage}</small>
+          <small className="small-fontsize">{errorMessage}</small>
         </p>
         <span className="circle big" />
         <span className="circle med" />
@@ -20,7 +20,7 @@ const NotFound = React.memo(({ errorMessage, errorCode }) => {
 });
 
 NotFound.defaultProps = {
-  errorMessage: "You do not have sufficient permissions to access this page. Please contact support " + SUPPORT_EMAIL + "for further clarification.",
+  errorMessage: "You do not have sufficient permissions to access this page. Please contact support " + SUPPORT_EMAIL + " for further clarification.",
   errorCode: "403",
 };
 

diff --git a/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/pagenotfound.scss b/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/pagenotfound.scss
@@ -44,6 +44,11 @@ body {
   vertical-align: top;
 }
 
+.small-fontsize
+{
+  font-size: 25px !important;
+}
+
 .circles .circle.small {
   width: 140px;
   height: 140px;