more

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>

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 {