From 80969f9e2d0ffb8de21abf7630ed94f65ea9509b Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 23 Mar 2024 04:54:32 -0500
Subject: [PATCH] more

---
 src/Components/Dashboard/Dashboard.js | 13 +++++++------
 src/styles/dashboard.scss             |  4 ++++
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/Components/Dashboard/Dashboard.js b/src/Components/Dashboard/Dashboard.js
index e1ec455..afcdd50 100644
--- a/src/Components/Dashboard/Dashboard.js
+++ b/src/Components/Dashboard/Dashboard.js
@@ -193,12 +193,13 @@ const Dashboard = () => {
                   step-by-step user guide by clicking "How-to" in the navigation
                   bar.
                 </div>
-                <div className="dash-promo-first-text">
-                  Your user name for login is:{" "}
-                  <span className="user-name-span">{group.email}</span>. Your
-                  temporary password is{" "}
-                  <span className="user-name-span">{group.tpe}</span>. You
-                  should change it now, by clicking here.
+                <div className="dash-promo-first-text inline-text">
+                  Your login is{" "}
+                  {`username: ${group.email} - with a temporary password: ${group.tpe}.`}
+                  <div className="user-name-span">
+                    You should change your password now{" "}
+                    <Link to="/cases">by clicking here.</Link>
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss
index 8abc132..ff05662 100644
--- a/src/styles/dashboard.scss
+++ b/src/styles/dashboard.scss
@@ -40,6 +40,10 @@
   margin-left: 16px;
   width: 680px;
   color: #3b3b3b;
+  &.inline-text {
+    display: flex;
+    flex-wrap: wrap;
+  }
 }
 
 .dash-heading-text {