New: Small UI tweaks and package updates

frontend/gulp/webpack.js

@@ -41,6 +41,8 @@ const plugins = [
   })
 ];
 
+let babelPlugins = ['transform-class-properties', 'transform-react-jsx-source'];
+
 if (isProduction) {
   plugins.push(new UglifyJSPlugin({
     sourceMap: true,
@@ -52,6 +54,8 @@ if (isProduction) {
       }
     }
   }));
+
+  babelPlugins = ['transform-class-properties', 'transform-react-remove-prop-types'];
 }
 
 const config = {
@@ -102,14 +106,9 @@ const config = {
         test: /\.js?$/,
         exclude: /(node_modules|JsLibraries)/,
         loader: 'babel-loader',
-        query: {
-          plugins: ['transform-class-properties'],
-          presets: ['es2015', 'decorators-legacy', 'react', 'stage-2'],
-          env: {
-            development: {
-              plugins: ['transform-react-jsx-source']
-            }
-          }
+        options: {
+          plugins: babelPlugins,
+          presets: ['env', 'decorators-legacy', 'react', 'stage-2']
         }
       },
 

frontend/src/Artist/Details/ArtistDetails.css

@@ -5,7 +5,7 @@
 .header {
   position: relative;
   width: 100%;
-  height: 375px;
+  height: 310px;
 }
 
 .backdrop {

frontend/src/Artist/Details/ArtistDetails.js

@@ -496,7 +496,7 @@ class ArtistDetails extends Component {
                 </div>
                 <div className={styles.overview}>
                   <TextTruncate
-                    line={Math.floor(200 / (defaultFontSize * lineHeight))}
+                    line={Math.floor(125 / (defaultFontSize * lineHeight))}
                     text={overview}
                   />
                 </div>

frontend/src/Styles/Variables/dimensions.js

@@ -18,7 +18,7 @@ module.exports = {
   breakpointExtraSmall: '480px',
   breakpointSmall: '768px',
   breakpointMedium: '992px',
-  breakpointLarge: '1200px',
+  breakpointLarge: '1310px',
   breakpointExtraLarge: '1450px',
 
   // Form

frontend/src/TrackFile/Editor/TrackFileEditorRow.css

@@ -1,3 +0,0 @@
-.absoluteEpisodeNumber {
-  margin-left: 5px;
-}

frontend/src/TrackFile/Editor/TrackFileEditorRow.js

@@ -6,7 +6,6 @@ import TableRow from 'Components/Table/TableRow';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
 import TrackQuality from 'Album/TrackQuality';
-import styles from './TrackFileEditorRow';
 
 function TrackFileEditorRow(props) {
   const {

frontend/src/Wanted/Missing/MissingRow.css

@@ -1,4 +1,3 @@
-.episode,
 .status {
   composes: cell from 'Components/Table/Cells/TableRowCell.css';
 

frontend/src/Wanted/Missing/MissingRow.js

@@ -2,19 +2,16 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import albumEntities from 'Album/albumEntities';
 import AlbumTitleLink from 'Album/AlbumTitleLink';
-import EpisodeStatusConnector from 'Album/EpisodeStatusConnector';
 import AlbumSearchCellConnector from 'Album/AlbumSearchCellConnector';
 import ArtistNameLink from 'Artist/ArtistNameLink';
 import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
 import TableRow from 'Components/Table/TableRow';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
-import styles from './MissingRow.css';
 
 function MissingRow(props) {
   const {
     id,
-    // trackFileId,
     artist,
     releaseDate,
     albumType,
@@ -111,7 +108,6 @@ function MissingRow(props) {
 
 MissingRow.propTypes = {
   id: PropTypes.number.isRequired,
-  // trackFileId: PropTypes.number,
   artist: PropTypes.object.isRequired,
   releaseDate: PropTypes.string.isRequired,
   foreignAlbumId: PropTypes.string.isRequired,

frontend/src/index.html

@@ -12,7 +12,7 @@
     <!-- Windows Phone -->
     <meta name="msapplication-navbutton-color" content="#3a3f51"/>
 
-    <meta name="description" content="Lidarr (Preview)">
+    <meta name="description" content="Lidarr">
 
     <link rel="apple-touch-icon" sizes="180x180" href="/Content/Images/Icons/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/Content/Images/Icons/favicon-32x32.png">
@@ -24,7 +24,7 @@
 
     <link rel="stylesheet" type="text/css" href="/Content/styles.css">
 
-    <title>Lidarr (Preview)</title>
+    <title>Lidarr</title>
 
     <!--
       The super basic styling for .root  will live here,