From c5306296c90b0cc7ac29942ad536557b13b1d404 Mon Sep 17 00:00:00 2001
From: Matt Hughes <mhughes@edx.org>
Date: Mon, 9 Sep 2019 15:55:59 -0400
Subject: [PATCH 1/2] Fix IE & Firefox styling issue

negative margins don't play consistently with flexbox cross-browser

JIRA:EDUCATOR-4622
---
 src/components/Gradebook/gradebook.scss |  1 -
 src/components/Gradebook/index.jsx      | 19 ++++++++-----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/Gradebook/gradebook.scss b/src/components/Gradebook/gradebook.scss
index 7f15c2d..2bfb78d 100644
--- a/src/components/Gradebook/gradebook.scss
+++ b/src/components/Gradebook/gradebook.scss
@@ -119,7 +119,6 @@
 
 .input-percent-label {
     margin-top: 10px;
-    margin-left: -60px;
 }
 
 .mb-85 {
diff --git a/src/components/Gradebook/index.jsx b/src/components/Gradebook/index.jsx
index 028d446..4ed0f17 100644
--- a/src/components/Gradebook/index.jsx
+++ b/src/components/Gradebook/index.jsx
@@ -831,16 +831,14 @@ export default class Gradebook extends React.Component {
                 onChange={this.handleMaxAssigGradeChange}
               />
               <span className="input-percent-label">%</span>
-              <div className="d-flex align-items-center">
-                <Button
-                  type="submit"
-                  className="btn-outline-secondary"
-                  name="assignmentGradeMinMax"
-                  disabled={!this.props.selectedAssignment}
-                >
-                  Apply
-                </Button>
-              </div>
+              <Button
+                type="submit"
+                className="btn-outline-secondary"
+                name="assignmentGradeMinMax"
+                disabled={!this.props.selectedAssignment}
+              >
+                Apply
+              </Button>
             </form>
           </div>
         </Collapsible>
@@ -868,7 +866,6 @@ export default class Gradebook extends React.Component {
             <span className="input-percent-label">%</span>
             <Button
               buttonType="outline-secondary"
-              className="align-self-center"
               onClick={this.handleCourseGradeFilterApplyButtonClick}
             >
               Apply

From 5d9d2af5780ed83fc23a909a4d68e34d56d22c8e Mon Sep 17 00:00:00 2001
From: Matt Hughes <mhughes@edx.org>
Date: Tue, 10 Sep 2019 14:04:43 -0400
Subject: [PATCH 2/2] Break table text line for long usernames as well

... as for file names
---
 src/components/Gradebook/gradebook.scss |  2 +-
 src/components/Gradebook/index.jsx      | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/Gradebook/gradebook.scss b/src/components/Gradebook/gradebook.scss
index 2bfb78d..8b36643 100644
--- a/src/components/Gradebook/gradebook.scss
+++ b/src/components/Gradebook/gradebook.scss
@@ -129,7 +129,7 @@
     max-width: 1000px;
 }
 
-.original-filename {
+.wrap-text-in-cell {
     overflow-wrap: break-word;
     word-wrap: break-word;
 }
diff --git a/src/components/Gradebook/index.jsx b/src/components/Gradebook/index.jsx
index 4ed0f17..a2d4b0b 100644
--- a/src/components/Gradebook/index.jsx
+++ b/src/components/Gradebook/index.jsx
@@ -223,6 +223,7 @@ export default class Gradebook extends React.Component {
       unique_id: courseId,
       originalFilename,
       id,
+      user: username,
       ...rest
     } = row;
     const resultsText = [
@@ -241,11 +242,21 @@ export default class Gradebook extends React.Component {
       </a>
     );
     const filename = (
-      <span className="original-filename">
+      <span className="wrap-text-in-cell">
         {originalFilename}
       </span>
     );
-    return { resultsSummary, filename, ...rest };
+    const user = (
+      <span className="wrap-text-in-cell">
+        {username}
+      </span>
+    );
+    return {
+      resultsSummary,
+      filename,
+      user,
+      ...rest,
+    };
   };
 
   updateAssignmentTypes = (assignmentType) => {