fix(ManuscriptLayout): Apply Visual Design - Author can see Reviewer Reports - design issues

packages/component-faraday-ui/src/contextualBoxes/AuthorReviews.js

@@ -18,7 +18,8 @@ const SubmittedReportsNumberForAuthorReviews = ({ reports }) => (
 const AuthorReviews = ({ invitations, journal, reports, fragment }) =>
   reports.length > 0 && (
     <ContextualBox
-      label="Review Reports"
+      label="Reviewer Reports"
+      mb={2}
       rightChildren={
         <SubmittedReportsNumberForAuthorReviews reports={reports.length} />
       }

packages/component-manuscript/src/components/ManuscriptLayout.js

@@ -109,8 +109,12 @@ const ManuscriptLayout = ({
           />
         )}
 
-        {get(currentUser, 'permissions.canSubmitRevision', false) && (
-          <SubmitRevision {...submitRevision} />
+        {get(currentUser, 'permissions.authorCanViewReportsDetails', false) && (
+          <AuthorReviews
+            currentUser={currentUser}
+            journal={journal}
+            reports={reviewerReports}
+          />
         )}
 
         {submittedOwnRecommendation && (
@@ -191,12 +195,9 @@ const ManuscriptLayout = ({
             {...inviteReviewer}
           />
         )}
-        {get(currentUser, 'permissions.authorCanViewReportsDetails', false) && (
-          <AuthorReviews
-            currentUser={currentUser}
-            journal={journal}
-            reports={reviewerReports}
-          />
+
+        {get(currentUser, 'permissions.canSubmitRevision', false) && (
+          <SubmitRevision {...submitRevision} />
         )}
 
         {get(currentUser, 'permissions.canMakeHERecommendation', false) &&