fix(ui): fix dashboard right buttons overflow

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

@@ -59,45 +59,45 @@ const DashboardCard = ({
               title={title}
               dangerouslySetInnerHTML={{ __html: title }} // eslint-disable-line
             />
-          </LeftDetails>
-          <RightDetails flex={2}>
-            {canMakeDecision && (
-              <Decision
-                collectionId={project.id}
-                fragmentId={version.id}
-                modalKey={`decide-${version.id}`}
-              />
-            )}
-            {canMakeRecommendation && (
-              <Recommendation
+            <RightDetails flex="none">
+              {canMakeDecision && (
+                <Decision
+                  collectionId={project.id}
+                  fragmentId={version.id}
+                  modalKey={`decide-${version.id}`}
+                />
+              )}
+              {canMakeRecommendation && (
+                <Recommendation
+                  collectionId={project.id}
+                  fragmentId={version.id}
+                  modalKey={`recommend-${version.id}`}
+                />
+              )}
+              <ZipFiles
+                archiveName={`ID-${project.customId}`}
                 collectionId={project.id}
+                disabled={!hasFiles}
                 fragmentId={version.id}
-                modalKey={`recommend-${version.id}`}
-              />
-            )}
-            <ZipFiles
-              archiveName={`ID-${project.customId}`}
-              collectionId={project.id}
-              disabled={!hasFiles}
-              fragmentId={version.id}
-            >
-              <ClickableIcon disabled={!hasFiles}>
-                <Icon>download</Icon>
-              </ClickableIcon>
-            </ZipFiles>
-            {!project.status && (
-              <ActionButtons
-                data-test="button-resume-submission"
-                onClick={() =>
-                  history.push(
-                    `/projects/${project.id}/versions/${version.id}/submit`,
-                  )
-                }
               >
-                RESUME SUBMISSION
-              </ActionButtons>
-            )}
-          </RightDetails>
+                <ClickableIcon disabled={!hasFiles}>
+                  <Icon>download</Icon>
+                </ClickableIcon>
+              </ZipFiles>
+              {!project.status && (
+                <ActionButtons
+                  data-test="button-resume-submission"
+                  onClick={() =>
+                    history.push(
+                      `/projects/${project.id}/versions/${version.id}/submit`,
+                    )
+                  }
+                >
+                  RESUME SUBMISSION
+                </ActionButtons>
+              )}
+            </RightDetails>
+          </LeftDetails>
         </Top>
         <Bottom>
           <LeftDetails flex={3}>
@@ -215,6 +215,7 @@ const ActionButtons = styled(Button)`
   height: calc(${th('subGridUnit')} * 5);
   padding: calc(${th('subGridUnit')} / 2) ${th('subGridUnit')};
   text-align: center;
+  white-space: nowrap;
 `
 
 const LeftDetails = styled.div`
@@ -336,6 +337,7 @@ const Title = styled.div`
   white-space: nowrap;
   overflow: hidden;
   flex: 10;
+  padding-right: ${th('subGridUnit')};
 `
 
 const Status = styled.div`

packages/components-faraday/src/components/MakeDecision/Decision.js

@@ -58,5 +58,6 @@ const Root = styled.div`
   justify-content: center;
   padding: 0 calc(${th('subGridUnit')} * 2);
   text-transform: uppercase;
+  white-space: nowrap;
 `
 // #endregion

packages/components-faraday/src/components/MakeRecommendation/Recommendation.js

@@ -59,5 +59,6 @@ const Root = styled.div`
   min-width: 200px;
   padding: 0 calc(${th('subGridUnit')} * 2);
   text-transform: uppercase;
+  white-space: nowrap;
 `
 // #endregion