From 7bd0c49c14c86f76b482531bdc2cf75cd03e2d6c Mon Sep 17 00:00:00 2001
From: Simon Chen <schen@edx.org>
Date: Fri, 30 Nov 2018 10:30:59 -0500
Subject: [PATCH] fix(Styles): Fix the gradebook styles to increase its width

---
 src/components/Gradebook/gradebook.scss | 16 ++++++++++++----
 src/components/Gradebook/index.jsx      |  2 +-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/Gradebook/gradebook.scss b/src/components/Gradebook/gradebook.scss
index fcda155..fc15e2e 100644
--- a/src/components/Gradebook/gradebook.scss
+++ b/src/components/Gradebook/gradebook.scss
@@ -1,3 +1,15 @@
+.gradebook-container{
+    width: 500px;
+    @media only screen and (min-width: 640px) {
+        width: 630px;
+    }
+    @media only screen and (min-width: 992px) {
+        width: 900px;
+    }
+    @media only screen and (min-width: 1200px) {
+        width: 1024px;
+    }
+}
 .back-link{
     float:right;
 }
@@ -32,10 +44,6 @@
         display: block;
         background-color: #fff;
     }
-    .table tr td:not(:first-child) {
-        //not real sylz. plz kill before prod
-        min-width: 250px;    
-    }
     .table tr td:nth-child(2) {
         box-sizing: content-box;
         padding-left: 170px;
diff --git a/src/components/Gradebook/index.jsx b/src/components/Gradebook/index.jsx
index 70568da..f0dcac9 100644
--- a/src/components/Gradebook/index.jsx
+++ b/src/components/Gradebook/index.jsx
@@ -182,7 +182,7 @@ export default class Gradebook extends React.Component {
   render() {
     return (
       <div className="d-flex justify-content-center">
-        <div className="card" style={{ width: '50rem' }}>
+        <div className="card gradebook-container">
           <div className="card-body">
             <a
               href={this.lmsInstructorDashboardUrl(this.props.match.params.courseId)}