feat: set new logo, close nav bar on login, fix progress (#15)

Author: korkija

DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/public/Patient progress report TEST.pdf

@@ -207,7 +207,7 @@ body.home-page::before {
 }
 
 .nav__logo {
-  height: 40px;
+  height: 36px;
   width: auto;
   display: block;
 }
@@ -599,19 +599,17 @@ body.home-page::before {
   width: 100%;
   margin-top: 30px;
   margin-bottom: 50px;
-  // margin-left: 0px;
   margin-left: 20px;
+  padding-right: 70px;
 }
 
 .step-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1;
-  @media (max-width: 768px) {
-    &:last-child {
-      flex: 0;
-    }
+  &:last-child {
+    flex: 0;
   }
 }
 
@@ -776,7 +774,6 @@ body.home-page::before {
 
   .cards {
     padding-top: 4rem;
-    // grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
     margin-top: 3vw;
   }
 
@@ -1101,6 +1098,9 @@ body:not(.home-page) .footer {
     width: 100%;
     flex-wrap: wrap;
   }
+  .step-progress {
+    padding-right: 70px;
+  }
 
   .footer__cta,
   .footer__link {
@@ -1124,6 +1124,9 @@ body:not(.home-page) .footer {
       padding-top: 40px;
     }
   }
+  .nav__logo {
+    margin-left: 20px;
+  }
   body.home-page::before {
     min-height: 20%;
     background-position: right top;
@@ -1202,7 +1205,8 @@ body:not(.home-page) .footer {
     }
   }
   .step-progress {
-    width: 90%;
+    width: 100%;
+    padding-right: 40px;
   }
   .behind_scenes {
     margin-left: 48px;
@@ -1271,7 +1275,7 @@ body:not(.home-page) .footer {
   }
 
   .nav__logo {
-    height: 30px;
+    height: 24px;
     width: auto;
     display: block;
     margin-left: 20px;
@@ -1427,7 +1431,7 @@ body:not(.home-page) .footer {
   }
 
   .step-progress {
-    width: 90%;
+    width: 100%;
     margin-left: 18px;
   }
   .footer__title {

DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/public/Physical therapy plan TEST.pdf

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import LoginModal from '../loginModal/LoginModal';
 import { ReactComponent as ChevronRightIcon } from '../assets/icons/chevron-right.svg';
 import { ReactComponent as CrossIcon } from '../assets/icons/cross.svg';
+import { ReactComponent as LogoIcon } from '../assets/icons/logo_40х40.svg';
 
 const resolveApiBase = () => {
   if (process.env.REACT_APP_API_BASE) {
@@ -89,7 +90,10 @@ export default function Layout() {
     }
   }, [accountStatus]);
 
-  const openLoginModal = () => setIsLoginOpen(true);
+  const openLoginModal = () => {
+    setIsNavOpen(false);
+    setIsLoginOpen(true);
+  };
   const closeLoginModal = () => setIsLoginOpen(false);
 
   const logout = async () => {
@@ -117,11 +121,7 @@ export default function Layout() {
         <div className="nav">
           <div className="nav__brand">
             <Link to="/">
-              <img
-                className="nav__logo"
-                src="/signsphere-logo.png"
-                alt={t('Layout.SignsphereAlt')}
-              />
+              <LogoIcon className="nav__logo" />
             </Link>
           </div>
           <button className="nav__toggle" type="button" onClick={() => setIsNavOpen(!isNavOpen)}>

DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/public/Specialized home care plan doc TEST.pdf

@@ -44,7 +44,7 @@ const StepProgress = ({ steps, currentStep }) => {
     );
   }
   return (
-    <div className="step-progress">
+    <div className=" col-lg-9 step-progress">
       {steps.map((step, index) => {
         const isCompleted = index < currentStep;
         const isActive = index === currentStep;