Use ‘modal-lg’ for LTI modals. Update Paragon. (#193)

The new version of Paragon includes a “dialogClassName” property on Modal which lets us set the modal width to ‘modal-lg’ or ‘modal-sm’ - we’re using the former here.

src/courseware/course/sequence/Unit.jsx

@@ -154,6 +154,7 @@ function Unit({
           title={modalOptions.title}
           onClose={() => { setModalOptions({ open: false }); }}
           open
+          dialogClassName="modal-lg"
         />
       )}
       <div className="unit-iframe-wrapper">

src/index.scss

@@ -317,21 +317,6 @@ $primary: #1176B2;
   }
 }
 
-.modal {
-  max-width: 100%;
-  height: 100vh;
-  .modal-dialog {
-    max-width: 100%;
-  }
-  .modal-body {
-    width: 100%;
-
-    iframe {
-      width: 100%;
-      min-height:100vh;
-    }
-  }
-}
 // Import component-specific sass files
 @import 'courseware/course/celebration/CelebrationModal.scss';
 @import 'courseware/course/content-tools/calculator/calculator.scss';