fix(Styles): Fix the gradebook styles to increase its width

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;

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)}