Medium Support (Multi-disc Albums), Quality Grouping (#121)

* Multi Disc Stage 1 - Backend Work

* Quality Group Functionality

* Fixed: Only show wanted album types on ArtistDetail page

* Add Media Count Column to ArtistDetail Page

* Parser updates for multidisc cases, other usenet release title formats

* Search for Tracks by Medium Number in Addition to Title and TrackNumber

* Medium Renaming Token for Track Naming

* fixup Codacy and Comment Cleanup

* fixup remove comments

frontend/src/Components/Modal/Modal.css

@@ -51,6 +51,18 @@
   width: 1080px;
 }
 
+.extraLarge {
+  composes: modal;
+
+  width: 1440px;
+}
+
+@media only screen and (max-width: $breakpointExtraLarge) {
+  .modal.extraLarge {
+    width: 90%;
+  }
+}
+
 @media only screen and (max-width: $breakpointLarge) {
   .modal.large {
     width: 90%;
@@ -71,9 +83,10 @@
 
   .modal.small,
   .modal.medium,
-  .modal.large {
+  .modal.large,
+  .modal.extraLarge {
     max-height: 100%;
     width: 100%;
-    height: 100%;
+    height: 100% !important;
   }
 }

frontend/src/Components/Modal/Modal.js

@@ -139,6 +139,7 @@ class Modal extends Component {
   render() {
     const {
       className,
+      style,
       backdropClassName,
       size,
       children,
@@ -166,6 +167,7 @@ class Modal extends Component {
                       className,
                       styles[size]
                     )}
+                    style={style}
                   >
                     {children}
                   </div>
@@ -180,6 +182,7 @@ class Modal extends Component {
 
 Modal.propTypes = {
   className: PropTypes.string,
+  style: PropTypes.object,
   backdropClassName: PropTypes.string,
   size: PropTypes.oneOf(sizes.all),
   children: PropTypes.node,

frontend/src/Components/Modal/ModalBody.css

@@ -1,5 +1,3 @@
-$modalBodyPadding: 30px;
-
 .modalBody {
   flex: 1 0 1px;
   padding: $modalBodyPadding;