style(dashboard): resposiveness improvements

n

packages/component-manuscript/src/atoms/index.js

@@ -38,6 +38,7 @@ const Header = styled.div`
   display: flex;
   flex-direction: row;
   margin-bottom: ${th('subGridUnit')};
+  flex-wrap: wrap;
 `
 
 const BreadCrumbs = styled.div`

packages/component-wizard/src/components/WizardFormStep.js

@@ -54,7 +54,11 @@ const submitManuscript = (
       ),
     )
     .then(() => {
-      history.push(redirectPath, { project: project.id, version: version.id })
+      history.push(redirectPath, {
+        project: project.id,
+        customId: project.customId,
+        version: version.id,
+      })
     })
     .catch(error => {
       if (error.validationErrors) {

packages/components-faraday/src/components/Dashboard/DashboardCard.js

@@ -279,7 +279,7 @@ const LeftDetails = styled.div`
   justify-content: flex-start;
   align-items: center;
   flex: ${({ flex }) => flex || 1};
-  max-width: 75%;
+  flex-wrap: wrap;
 `
 
 const RightDetails = styled.div`
@@ -288,7 +288,7 @@ const RightDetails = styled.div`
   justify-content: flex-end;
   align-items: center;
   flex: ${({ flex }) => flex || 1};
-  max-width: 75%;
+  flex-wrap: wrap;
 `
 
 const DetailsView = styled.div`
@@ -355,6 +355,7 @@ const Top = styled.div`
   padding: 10px;
   width: 100%;
   box-sizing: border-box;
+  flex-wrap: wrap;
 `
 const Bottom = styled.div`
   display: flex;
@@ -363,6 +364,7 @@ const Bottom = styled.div`
   width: 100%;
   box-sizing: border-box;
   justify-content: space-between;
+  flex-wrap: wrap;
 `
 
 const ManuscriptType = styled.div`

packages/components-faraday/src/components/UIComponents/ConfirmationPage.js

@@ -34,9 +34,9 @@ const ConfirmationPage = ({
               <a
                 href={`/projects/${state.project}/versions/${
                   state.version
-                }/manuscript`}
+                }/details`}
               >
-                {state.project}
+                {state.customId}
               </a>
             </b>.
           </p>