From 21ed61cadb08bd38db9667927fefcfeae5d88fb7 Mon Sep 17 00:00:00 2001
From: Kaspryk <Will.Kaspryk@gov.bc.ca>
Date: Tue, 12 Mar 2024 13:46:00 -0700
Subject: [PATCH] updating request access email and storage trends disclaimer

---
 .../src/app/hsb/admin/users/AddNewUserRow.tsx |  2 +-
 .../src/app/hsb/admin/users/Users.module.scss | 24 +++++++++++++++----
 src/dashboard/src/app/login/page.tsx          |  2 +-
 src/dashboard/src/app/welcome/page.tsx        |  2 +-
 .../AllOrganizations.module.scss              |  5 ++++
 .../charts/line/LineChart.module.scss         |  6 +++++
 .../src/components/charts/line/LineChart.tsx  |  1 +
 7 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/src/dashboard/src/app/hsb/admin/users/AddNewUserRow.tsx b/src/dashboard/src/app/hsb/admin/users/AddNewUserRow.tsx
index ef645485..adb8ecf2 100644
--- a/src/dashboard/src/app/hsb/admin/users/AddNewUserRow.tsx
+++ b/src/dashboard/src/app/hsb/admin/users/AddNewUserRow.tsx
@@ -30,7 +30,7 @@ export const AddNewUserRow = ({
 }: IAddNewUserRowProps) => {
   return (
     <div className={styles.addNewRow}>
-      <Button variant="secondary" onClick={onRemove}>- Remove</Button>
+      <Button variant="secondary" onClick={onRemove}></Button>
       <div>
         <Text
           name={`${index}.username`}
diff --git a/src/dashboard/src/app/hsb/admin/users/Users.module.scss b/src/dashboard/src/app/hsb/admin/users/Users.module.scss
index aa413aa6..f0c5263d 100644
--- a/src/dashboard/src/app/hsb/admin/users/Users.module.scss
+++ b/src/dashboard/src/app/hsb/admin/users/Users.module.scss
@@ -115,13 +115,27 @@
     position: absolute;
     top: 0;
     left: 0;
-    font-size: $font-size-small;
-    padding: 5px 8px;
+    padding: 0;
     display: none;
+    height: 20px;
+    width: 20px;
+    background-color: transparent;
+    border: 0;
+
+    &::after, &::before {
+      content: '';
+      height: 12px;
+      width: 2px;
+      background-color: $bc-black;
+      display: block;
+      position: absolute;
+      top: 3px;
+      left: 8px;
+      transform: rotate(45deg);
+    }
 
-    &:hover {
-      background-color: $bc-red;
-      color: $white;
+    &::before {
+      transform: rotate(-45deg);
     }
   }
 }
\ No newline at end of file
diff --git a/src/dashboard/src/app/login/page.tsx b/src/dashboard/src/app/login/page.tsx
index 90171c9e..6c20f9a5 100644
--- a/src/dashboard/src/app/login/page.tsx
+++ b/src/dashboard/src/app/login/page.tsx
@@ -29,7 +29,7 @@ export default function Page() {
         <div>
           <h3>Need access to the Storage Dashboard?</h3>
           <p>
-            Please email <a href="mailto:placeholder@gov.bc.ca">placeholder@gov.bc.ca</a> to request
+            Please email <a href="michael.tessier@gov.bc.ca">michael.tessier@gov.bc.ca</a> to request
             access to your organization&apos;s dashboard.
           </p>
           <h3>If you are a first time user please note:</h3>
diff --git a/src/dashboard/src/app/welcome/page.tsx b/src/dashboard/src/app/welcome/page.tsx
index ccb101be..9b2c0c4b 100644
--- a/src/dashboard/src/app/welcome/page.tsx
+++ b/src/dashboard/src/app/welcome/page.tsx
@@ -18,7 +18,7 @@ export default function Page() {
       <div className={styles.welcome}>
         <h2>Request Access</h2>
         <p>
-          Please email <a href="mailto:placeholder@gov.bc.ca">placeholder@gov.bc.ca</a> to request
+          Please email <a href="michael.tessier@gov.bc.ca">michael.tessier@gov.bc.ca</a> to request
           access to your organization&apos;s dashboard
         </p>
         {!userinfo && (
diff --git a/src/dashboard/src/components/charts/doughnut/allOrganizations/AllOrganizations.module.scss b/src/dashboard/src/components/charts/doughnut/allOrganizations/AllOrganizations.module.scss
index 0e9ce169..1d0b1864 100644
--- a/src/dashboard/src/components/charts/doughnut/allOrganizations/AllOrganizations.module.scss
+++ b/src/dashboard/src/components/charts/doughnut/allOrganizations/AllOrganizations.module.scss
@@ -15,6 +15,11 @@
 
 .chartContainer {
     display: flex;
+    width: 97%;
+    width: fill-available;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
 }
 
 .info {
diff --git a/src/dashboard/src/components/charts/line/LineChart.module.scss b/src/dashboard/src/components/charts/line/LineChart.module.scss
index 8f43281f..f33f8e83 100644
--- a/src/dashboard/src/components/charts/line/LineChart.module.scss
+++ b/src/dashboard/src/components/charts/line/LineChart.module.scss
@@ -22,4 +22,10 @@
   .chartContainer {
     min-height: 420px;
   }
+}
+
+.disclaimer {
+  font-size: $font-size-12;
+  margin: 2px 0 -7px 5px;
+  color: $info-gray;
 }
\ No newline at end of file
diff --git a/src/dashboard/src/components/charts/line/LineChart.tsx b/src/dashboard/src/components/charts/line/LineChart.tsx
index cc285533..8f25072f 100644
--- a/src/dashboard/src/components/charts/line/LineChart.tsx
+++ b/src/dashboard/src/components/charts/line/LineChart.tsx
@@ -53,6 +53,7 @@ export const LineChart = <
       {label && <h1>{label}</h1>}
       {filter}
       <div className={styles.chartContainer}>
+      <p className={styles.disclaimer}>*Data shows totals on last available day of each month.</p>
         <Line data={data} options={{ ...options, maintainAspectRatio: !large }} />
       </div>
       {showExport && (