From e43cb7ab4e91420c7f942328fca733146a3732e1 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Mon, 2 Mar 2020 10:06:59 -0500
Subject: [PATCH] Reorder and de-red report action on project page

---
 src/views/preview/subactions.jsx  | 40 +++++++++++++++----------------
 src/views/preview/subactions.scss |  2 --
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/views/preview/subactions.jsx b/src/views/preview/subactions.jsx
index 68f9209e9..0c02623cb 100644
--- a/src/views/preview/subactions.jsx
+++ b/src/views/preview/subactions.jsx
@@ -29,6 +29,26 @@ const Subactions = props => (
             {/*  eslint-enable react/jsx-sort-props */}
         </div>
         <FlexRow className="action-buttons">
+            {(props.canReport) &&
+                <React.Fragment>
+                    <Button
+                        className="action-button report-button"
+                        key="report-button"
+                        onClick={props.onReportClicked}
+                    >
+                        <FormattedMessage id="general.report" />
+                    </Button>
+                    {props.reportOpen && (
+                        <ReportModal
+                            isOpen
+                            key="report-modal"
+                            type="project"
+                            onReport={props.onReportSubmit}
+                            onRequestClose={props.onReportClose}
+                        />
+                    )}
+                </React.Fragment>
+            }
             {props.canAddToStudio &&
                 <React.Fragment>
                     <Button
@@ -69,26 +89,6 @@ const Subactions = props => (
                     )}
                 </React.Fragment>
             )}
-            {(props.canReport) &&
-            <React.Fragment>
-                <Button
-                    className="action-button report-button"
-                    key="report-button"
-                    onClick={props.onReportClicked}
-                >
-                    <FormattedMessage id="general.report" />
-                </Button>
-                {props.reportOpen && (
-                    <ReportModal
-                        isOpen
-                        key="report-modal"
-                        type="project"
-                        onReport={props.onReportSubmit}
-                        onRequestClose={props.onReportClose}
-                    />
-                )}
-            </React.Fragment>
-            }
         </FlexRow>
     </FlexRow>
 );
diff --git a/src/views/preview/subactions.scss b/src/views/preview/subactions.scss
index 1e5cadb16..bba4bd6c8 100644
--- a/src/views/preview/subactions.scss
+++ b/src/views/preview/subactions.scss
@@ -88,8 +88,6 @@
             }
 
             &.report-button {
-                background-color: $ui-coral;
-
                 &:before {
                     background-image: url("/svgs/project/report-white.svg");
                 }