diff --git a/TODO b/TODO index 693d982..6feae28 100644 --- a/TODO +++ b/TODO @@ -7,7 +7,7 @@ # CSS * Sidebar responsiveness * Songs on iPhone 5 - * /artist/:id and /album/:id arts in responsive view + * /artist/:id and /album/:id responsiveness * Move CSS in modules => https://github.com/gajus/react-css-modules diff --git a/app/components/Album.jsx b/app/components/Album.jsx index 6253df3..7f85cf3 100644 --- a/app/components/Album.jsx +++ b/app/components/Album.jsx @@ -51,7 +51,7 @@ export class AlbumRow extends Component {
-

{this.props.album.name}

+

{this.props.album.name}

diff --git a/app/components/Artist.jsx b/app/components/Artist.jsx index 6f1407d..d721da9 100644 --- a/app/components/Artist.jsx +++ b/app/components/Artist.jsx @@ -19,7 +19,7 @@ export default class Artist extends Component {

{this.props.artist.summary}

-

{this.props.artist.name}/

+

{this.props.artist.name}/

{ albumsRows } diff --git a/app/dist/fix.ie9.js b/app/dist/fix.ie9.js index 4322d15..8af876c 100644 --- a/app/dist/fix.ie9.js +++ b/app/dist/fix.ie9.js @@ -65,7 +65,7 @@ /******/ } /******/ /******/ var hotApplyOnUpdate = true; -/******/ var hotCurrentHash = "cf1ba667e264da876286"; // eslint-disable-line no-unused-vars +/******/ var hotCurrentHash = "3714fc41503d94a2c8bc"; // eslint-disable-line no-unused-vars /******/ var hotCurrentModuleData = {}; /******/ var hotCurrentParents = []; // eslint-disable-line no-unused-vars /******/ diff --git a/app/dist/index.js b/app/dist/index.js index e363a6c..854837d 100644 --- a/app/dist/index.js +++ b/app/dist/index.js @@ -65,7 +65,7 @@ /******/ } /******/ /******/ var hotApplyOnUpdate = true; -/******/ var hotCurrentHash = "cf1ba667e264da876286"; // eslint-disable-line no-unused-vars +/******/ var hotCurrentHash = "3714fc41503d94a2c8bc"; // eslint-disable-line no-unused-vars /******/ var hotCurrentModuleData = {}; /******/ var hotCurrentParents = []; // eslint-disable-line no-unused-vars /******/ @@ -4413,13 +4413,13 @@ /* 640 */ /***/ function(module, exports, __webpack_require__) { - eval("\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Album = __webpack_require__(641);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Artist = function (_Component) {\n _inherits(Artist, _Component);\n\n function Artist() {\n _classCallCheck(this, Artist);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(Artist).apply(this, arguments));\n }\n\n _createClass(Artist, [{\n key: \"render\",\n value: function render() {\n var albumsRows = [];\n if (Array.isArray(this.props.artist.albums)) {\n this.props.artist.albums.forEach(function (item) {\n albumsRows.push(_react2.default.createElement(_Album.AlbumRow, { album: item, key: item.id }));\n });\n }\n return _react2.default.createElement(\n \"div\",\n null,\n _react2.default.createElement(\n \"div\",\n { className: \"row\" },\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-9\" },\n _react2.default.createElement(\n \"h1\",\n { className: \"text-right\" },\n this.props.artist.name\n ),\n _react2.default.createElement(\"hr\", null),\n _react2.default.createElement(\n \"p\",\n null,\n this.props.artist.summary\n )\n ),\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-3\" },\n _react2.default.createElement(\n \"p\",\n null,\n _react2.default.createElement(\"img\", { src: this.props.artist.art, width: \"200\", height: \"200\", className: \"img-responsive art\", alt: this.props.artist.name })\n )\n )\n ),\n albumsRows\n );\n }\n }]);\n\n return Artist;\n}(_react.Component);\n\nexports.default = Artist;\n\n\nArtist.propTypes = {\n artist: _react.PropTypes.object.isRequired\n};//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjQwLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL0FydGlzdC5qc3g/MzMwNyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50LCBQcm9wVHlwZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgQWxidW1Sb3cgfSBmcm9tIFwiLi9BbGJ1bVwiO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBBcnRpc3QgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgIHJlbmRlciAoKSB7XG4gICAgICAgIHZhciBhbGJ1bXNSb3dzID0gW107XG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KHRoaXMucHJvcHMuYXJ0aXN0LmFsYnVtcykpIHtcbiAgICAgICAgICAgIHRoaXMucHJvcHMuYXJ0aXN0LmFsYnVtcy5mb3JFYWNoKGZ1bmN0aW9uIChpdGVtKSB7XG4gICAgICAgICAgICAgICAgYWxidW1zUm93cy5wdXNoKDxBbGJ1bVJvdyBhbGJ1bT17aXRlbX0ga2V5PXtpdGVtLmlkfSAvPik7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1tZC05XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aDEgY2xhc3NOYW1lPVwidGV4dC1yaWdodFwiPnt0aGlzLnByb3BzLmFydGlzdC5uYW1lfTwvaDE+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aHIvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+e3RoaXMucHJvcHMuYXJ0aXN0LnN1bW1hcnl9PC9wPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbWQtM1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+PGltZyBzcmM9e3RoaXMucHJvcHMuYXJ0aXN0LmFydH0gd2lkdGg9XCIyMDBcIiBoZWlnaHQ9XCIyMDBcIiBjbGFzc05hbWU9XCJpbWctcmVzcG9uc2l2ZSBhcnRcIiBhbHQ9e3RoaXMucHJvcHMuYXJ0aXN0Lm5hbWV9Lz48L3A+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIHsgYWxidW1zUm93cyB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cbkFydGlzdC5wcm9wVHlwZXMgPSB7XG4gICAgYXJ0aXN0OiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbn07XG5cblxuXG4vKiogV0VCUEFDSyBGT09URVIgKipcbiAqKiBhcHAvY29tcG9uZW50cy9BcnRpc3QuanN4XG4gKiovIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7Ozs7Ozs7OztBQUNBOzs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUhBO0FBS0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBTkE7QUFVQTtBQVhBO0FBY0E7Ozs7OztBQXZCQTtBQUNBO0FBQ0E7QUF3QkE7QUFDQTtBQURBIiwic291cmNlUm9vdCI6IiJ9"); + eval("\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Album = __webpack_require__(641);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Artist = function (_Component) {\n _inherits(Artist, _Component);\n\n function Artist() {\n _classCallCheck(this, Artist);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(Artist).apply(this, arguments));\n }\n\n _createClass(Artist, [{\n key: \"render\",\n value: function render() {\n var albumsRows = [];\n if (Array.isArray(this.props.artist.albums)) {\n this.props.artist.albums.forEach(function (item) {\n albumsRows.push(_react2.default.createElement(_Album.AlbumRow, { album: item, key: item.id }));\n });\n }\n return _react2.default.createElement(\n \"div\",\n null,\n _react2.default.createElement(\n \"div\",\n { className: \"row\" },\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-9\" },\n _react2.default.createElement(\n \"h1\",\n { className: \"text-right\" },\n this.props.artist.name\n ),\n _react2.default.createElement(\"hr\", null),\n _react2.default.createElement(\n \"p\",\n null,\n this.props.artist.summary\n )\n ),\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-3\" },\n _react2.default.createElement(\n \"p\",\n null,\n _react2.default.createElement(\"img\", { src: this.props.artist.art, width: \"200\", height: \"200\", className: \"img-responsive img-circle art\", alt: this.props.artist.name })\n )\n )\n ),\n albumsRows\n );\n }\n }]);\n\n return Artist;\n}(_react.Component);\n\nexports.default = Artist;\n\n\nArtist.propTypes = {\n artist: _react.PropTypes.object.isRequired\n};//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjQwLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL0FydGlzdC5qc3g/MzMwNyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50LCBQcm9wVHlwZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgQWxidW1Sb3cgfSBmcm9tIFwiLi9BbGJ1bVwiO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBBcnRpc3QgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgIHJlbmRlciAoKSB7XG4gICAgICAgIHZhciBhbGJ1bXNSb3dzID0gW107XG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KHRoaXMucHJvcHMuYXJ0aXN0LmFsYnVtcykpIHtcbiAgICAgICAgICAgIHRoaXMucHJvcHMuYXJ0aXN0LmFsYnVtcy5mb3JFYWNoKGZ1bmN0aW9uIChpdGVtKSB7XG4gICAgICAgICAgICAgICAgYWxidW1zUm93cy5wdXNoKDxBbGJ1bVJvdyBhbGJ1bT17aXRlbX0ga2V5PXtpdGVtLmlkfSAvPik7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1tZC05XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aDEgY2xhc3NOYW1lPVwidGV4dC1yaWdodFwiPnt0aGlzLnByb3BzLmFydGlzdC5uYW1lfTwvaDE+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aHIvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+e3RoaXMucHJvcHMuYXJ0aXN0LnN1bW1hcnl9PC9wPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbWQtM1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+PGltZyBzcmM9e3RoaXMucHJvcHMuYXJ0aXN0LmFydH0gd2lkdGg9XCIyMDBcIiBoZWlnaHQ9XCIyMDBcIiBjbGFzc05hbWU9XCJpbWctcmVzcG9uc2l2ZSBpbWctY2lyY2xlIGFydFwiIGFsdD17dGhpcy5wcm9wcy5hcnRpc3QubmFtZX0vPjwvcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgeyBhbGJ1bXNSb3dzIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICApO1xuICAgIH1cbn1cblxuQXJ0aXN0LnByb3BUeXBlcyA9IHtcbiAgICBhcnRpc3Q6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZFxufTtcblxuXG5cbi8qKiBXRUJQQUNLIEZPT1RFUiAqKlxuICoqIGFwcC9jb21wb25lbnRzL0FydGlzdC5qc3hcbiAqKi8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQ0E7QUFDQTs7Ozs7Ozs7O0FBQ0E7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBSEE7QUFLQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBREE7QUFOQTtBQVVBO0FBWEE7QUFjQTs7Ozs7O0FBdkJBO0FBQ0E7QUFDQTtBQXdCQTtBQUNBO0FBREEiLCJzb3VyY2VSb290IjoiIn0="); /***/ }, /* 641 */ /***/ function(module, exports, __webpack_require__) { - eval("\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.AlbumRow = exports.AlbumTracksTable = exports.AlbumTrackRow = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _utils = __webpack_require__(585);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlbumTrackRow = exports.AlbumTrackRow = function (_Component) {\n _inherits(AlbumTrackRow, _Component);\n\n function AlbumTrackRow() {\n _classCallCheck(this, AlbumTrackRow);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(AlbumTrackRow).apply(this, arguments));\n }\n\n _createClass(AlbumTrackRow, [{\n key: \"render\",\n value: function render() {\n var length = (0, _utils.formatLength)(this.props.track.length);\n return _react2.default.createElement(\n \"tr\",\n null,\n _react2.default.createElement(\n \"td\",\n null,\n this.props.track.track\n ),\n _react2.default.createElement(\n \"td\",\n null,\n this.props.track.name\n ),\n _react2.default.createElement(\n \"td\",\n null,\n length\n )\n );\n }\n }]);\n\n return AlbumTrackRow;\n}(_react.Component);\n\nAlbumTrackRow.propTypes = {\n track: _react.PropTypes.object.isRequired\n};\n\nvar AlbumTracksTable = exports.AlbumTracksTable = function (_Component2) {\n _inherits(AlbumTracksTable, _Component2);\n\n function AlbumTracksTable() {\n _classCallCheck(this, AlbumTracksTable);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(AlbumTracksTable).apply(this, arguments));\n }\n\n _createClass(AlbumTracksTable, [{\n key: \"render\",\n value: function render() {\n var rows = [];\n this.props.tracks.forEach(function (item) {\n rows.push(_react2.default.createElement(AlbumTrackRow, { track: item, key: item.id }));\n });\n return _react2.default.createElement(\n \"table\",\n { className: \"table table-hover songs\" },\n _react2.default.createElement(\n \"tbody\",\n null,\n rows\n )\n );\n }\n }]);\n\n return AlbumTracksTable;\n}(_react.Component);\n\nAlbumTracksTable.propTypes = {\n tracks: _react.PropTypes.array.isRequired\n};\n\nvar AlbumRow = exports.AlbumRow = function (_Component3) {\n _inherits(AlbumRow, _Component3);\n\n function AlbumRow() {\n _classCallCheck(this, AlbumRow);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(AlbumRow).apply(this, arguments));\n }\n\n _createClass(AlbumRow, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(\n \"div\",\n { className: \"row albumRow\" },\n _react2.default.createElement(\n \"div\",\n { className: \"row\" },\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-offset-2 col-md-10\" },\n _react2.default.createElement(\n \"h2\",\n null,\n this.props.album.name\n )\n )\n ),\n _react2.default.createElement(\n \"div\",\n { className: \"row\" },\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-2\" },\n _react2.default.createElement(\n \"p\",\n { className: \"text-center\" },\n _react2.default.createElement(\"img\", { src: this.props.album.art, width: \"200\", height: \"200\", className: \"img-responsive art\", alt: this.props.album.name })\n )\n ),\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-10\" },\n _react2.default.createElement(AlbumTracksTable, { tracks: this.props.album.tracks })\n )\n )\n );\n }\n }]);\n\n return AlbumRow;\n}(_react.Component);\n\nAlbumRow.propTypes = {\n album: _react.PropTypes.object.isRequired\n};\n\nvar Album = function (_Component4) {\n _inherits(Album, _Component4);\n\n function Album() {\n _classCallCheck(this, Album);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(Album).apply(this, arguments));\n }\n\n _createClass(Album, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(AlbumRow, { album: this.props.album });\n }\n }]);\n\n return Album;\n}(_react.Component);\n\nexports.default = Album;\n\n\nAlbum.propTypes = {\n album: _react.PropTypes.object.isRequired\n};//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjQxLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL0FsYnVtLmpzeD9hMzc5Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQsIFByb3BUeXBlcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBmb3JtYXRMZW5ndGggfSBmcm9tIFwiLi4vdXRpbHNcIjtcblxuZXhwb3J0IGNsYXNzIEFsYnVtVHJhY2tSb3cgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgIHJlbmRlciAoKSB7XG4gICAgICAgIGNvbnN0IGxlbmd0aCA9IGZvcm1hdExlbmd0aCh0aGlzLnByb3BzLnRyYWNrLmxlbmd0aCk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkPnt0aGlzLnByb3BzLnRyYWNrLnRyYWNrfTwvdGQ+XG4gICAgICAgICAgICAgICAgPHRkPnt0aGlzLnByb3BzLnRyYWNrLm5hbWV9PC90ZD5cbiAgICAgICAgICAgICAgICA8dGQ+e2xlbmd0aH08L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cbkFsYnVtVHJhY2tSb3cucHJvcFR5cGVzID0ge1xuICAgIHRyYWNrOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbn07XG5cblxuZXhwb3J0IGNsYXNzIEFsYnVtVHJhY2tzVGFibGUgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgIHJlbmRlciAoKSB7XG4gICAgICAgIHZhciByb3dzID0gW107XG4gICAgICAgIHRoaXMucHJvcHMudHJhY2tzLmZvckVhY2goZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgICAgIHJvd3MucHVzaCg8QWxidW1UcmFja1JvdyB0cmFjaz17aXRlbX0ga2V5PXtpdGVtLmlkfSAvPik7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPHRhYmxlIGNsYXNzTmFtZT1cInRhYmxlIHRhYmxlLWhvdmVyIHNvbmdzXCI+XG4gICAgICAgICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAgICAgICAgICB7cm93c31cbiAgICAgICAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICAgICAgPC90YWJsZT5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cbkFsYnVtVHJhY2tzVGFibGUucHJvcFR5cGVzID0ge1xuICAgIHRyYWNrczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWRcbn07XG5cbmV4cG9ydCBjbGFzcyBBbGJ1bVJvdyBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgcmVuZGVyICgpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicm93IGFsYnVtUm93XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbWQtb2Zmc2V0LTIgY29sLW1kLTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aDI+e3RoaXMucHJvcHMuYWxidW0ubmFtZX08L2gyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1tZC0yXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzc05hbWU9XCJ0ZXh0LWNlbnRlclwiPjxpbWcgc3JjPXt0aGlzLnByb3BzLmFsYnVtLmFydH0gd2lkdGg9XCIyMDBcIiBoZWlnaHQ9XCIyMDBcIiBjbGFzc05hbWU9XCJpbWctcmVzcG9uc2l2ZSBhcnRcIiBhbHQ9e3RoaXMucHJvcHMuYWxidW0ubmFtZX0gLz48L3A+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1tZC0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEFsYnVtVHJhY2tzVGFibGUgdHJhY2tzPXt0aGlzLnByb3BzLmFsYnVtLnRyYWNrc30gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cbkFsYnVtUm93LnByb3BUeXBlcyA9IHtcbiAgICBhbGJ1bTogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBBbGJ1bSBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgcmVuZGVyICgpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxBbGJ1bVJvdyBhbGJ1bT17dGhpcy5wcm9wcy5hbGJ1bX0gLz5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cbkFsYnVtLnByb3BUeXBlcyA9IHtcbiAgICBhbGJ1bTogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkXG59O1xuXG5cblxuLyoqIFdFQlBBQ0sgRk9PVEVSICoqXG4gKiogYXBwL2NvbXBvbmVudHMvQWxidW0uanN4XG4gKiovIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTtBQUNBOzs7QUFDQTtBQUNBOzs7Ozs7Ozs7QUFDQTs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBSEE7QUFNQTs7Ozs7O0FBR0E7QUFDQTtBQURBO0FBQ0E7QUFJQTs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQURBO0FBTUE7Ozs7OztBQUdBO0FBQ0E7QUFEQTtBQUNBO0FBR0E7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBREE7QUFEQTtBQUtBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFEQTtBQUdBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFKQTtBQU5BO0FBZ0JBOzs7Ozs7QUFHQTtBQUNBO0FBREE7QUFDQTtBQUdBOzs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFHQTs7Ozs7O0FBTEE7QUFDQTtBQUNBO0FBTUE7QUFDQTtBQURBIiwic291cmNlUm9vdCI6IiJ9"); + eval("\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.AlbumRow = exports.AlbumTracksTable = exports.AlbumTrackRow = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _utils = __webpack_require__(585);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlbumTrackRow = exports.AlbumTrackRow = function (_Component) {\n _inherits(AlbumTrackRow, _Component);\n\n function AlbumTrackRow() {\n _classCallCheck(this, AlbumTrackRow);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(AlbumTrackRow).apply(this, arguments));\n }\n\n _createClass(AlbumTrackRow, [{\n key: \"render\",\n value: function render() {\n var length = (0, _utils.formatLength)(this.props.track.length);\n return _react2.default.createElement(\n \"tr\",\n null,\n _react2.default.createElement(\n \"td\",\n null,\n this.props.track.track\n ),\n _react2.default.createElement(\n \"td\",\n null,\n this.props.track.name\n ),\n _react2.default.createElement(\n \"td\",\n null,\n length\n )\n );\n }\n }]);\n\n return AlbumTrackRow;\n}(_react.Component);\n\nAlbumTrackRow.propTypes = {\n track: _react.PropTypes.object.isRequired\n};\n\nvar AlbumTracksTable = exports.AlbumTracksTable = function (_Component2) {\n _inherits(AlbumTracksTable, _Component2);\n\n function AlbumTracksTable() {\n _classCallCheck(this, AlbumTracksTable);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(AlbumTracksTable).apply(this, arguments));\n }\n\n _createClass(AlbumTracksTable, [{\n key: \"render\",\n value: function render() {\n var rows = [];\n this.props.tracks.forEach(function (item) {\n rows.push(_react2.default.createElement(AlbumTrackRow, { track: item, key: item.id }));\n });\n return _react2.default.createElement(\n \"table\",\n { className: \"table table-hover songs\" },\n _react2.default.createElement(\n \"tbody\",\n null,\n rows\n )\n );\n }\n }]);\n\n return AlbumTracksTable;\n}(_react.Component);\n\nAlbumTracksTable.propTypes = {\n tracks: _react.PropTypes.array.isRequired\n};\n\nvar AlbumRow = exports.AlbumRow = function (_Component3) {\n _inherits(AlbumRow, _Component3);\n\n function AlbumRow() {\n _classCallCheck(this, AlbumRow);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(AlbumRow).apply(this, arguments));\n }\n\n _createClass(AlbumRow, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(\n \"div\",\n { className: \"row albumRow\" },\n _react2.default.createElement(\n \"div\",\n { className: \"row\" },\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-offset-2 col-md-10\" },\n _react2.default.createElement(\n \"h2\",\n null,\n this.props.album.name\n )\n )\n ),\n _react2.default.createElement(\n \"div\",\n { className: \"row\" },\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-2\" },\n _react2.default.createElement(\n \"p\",\n { className: \"text-center\" },\n _react2.default.createElement(\"img\", { src: this.props.album.art, width: \"200\", height: \"200\", className: \"img-responsive img-circle art\", alt: this.props.album.name })\n )\n ),\n _react2.default.createElement(\n \"div\",\n { className: \"col-md-10\" },\n _react2.default.createElement(AlbumTracksTable, { tracks: this.props.album.tracks })\n )\n )\n );\n }\n }]);\n\n return AlbumRow;\n}(_react.Component);\n\nAlbumRow.propTypes = {\n album: _react.PropTypes.object.isRequired\n};\n\nvar Album = function (_Component4) {\n _inherits(Album, _Component4);\n\n function Album() {\n _classCallCheck(this, Album);\n\n return _possibleConstructorReturn(this, Object.getPrototypeOf(Album).apply(this, arguments));\n }\n\n _createClass(Album, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(AlbumRow, { album: this.props.album });\n }\n }]);\n\n return Album;\n}(_react.Component);\n\nexports.default = Album;\n\n\nAlbum.propTypes = {\n album: _react.PropTypes.object.isRequired\n};//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjQxLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL0FsYnVtLmpzeD9hMzc5Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQsIFByb3BUeXBlcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBmb3JtYXRMZW5ndGggfSBmcm9tIFwiLi4vdXRpbHNcIjtcblxuZXhwb3J0IGNsYXNzIEFsYnVtVHJhY2tSb3cgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgIHJlbmRlciAoKSB7XG4gICAgICAgIGNvbnN0IGxlbmd0aCA9IGZvcm1hdExlbmd0aCh0aGlzLnByb3BzLnRyYWNrLmxlbmd0aCk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkPnt0aGlzLnByb3BzLnRyYWNrLnRyYWNrfTwvdGQ+XG4gICAgICAgICAgICAgICAgPHRkPnt0aGlzLnByb3BzLnRyYWNrLm5hbWV9PC90ZD5cbiAgICAgICAgICAgICAgICA8dGQ+e2xlbmd0aH08L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cbkFsYnVtVHJhY2tSb3cucHJvcFR5cGVzID0ge1xuICAgIHRyYWNrOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbn07XG5cblxuZXhwb3J0IGNsYXNzIEFsYnVtVHJhY2tzVGFibGUgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgIHJlbmRlciAoKSB7XG4gICAgICAgIHZhciByb3dzID0gW107XG4gICAgICAgIHRoaXMucHJvcHMudHJhY2tzLmZvckVhY2goZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgICAgIHJvd3MucHVzaCg8QWxidW1UcmFja1JvdyB0cmFjaz17aXRlbX0ga2V5PXtpdGVtLmlkfSAvPik7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPHRhYmxlIGNsYXNzTmFtZT1cInRhYmxlIHRhYmxlLWhvdmVyIHNvbmdzXCI+XG4gICAgICAgICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAgICAgICAgICB7cm93c31cbiAgICAgICAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICAgICAgPC90YWJsZT5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cbkFsYnVtVHJhY2tzVGFibGUucHJvcFR5cGVzID0ge1xuICAgIHRyYWNrczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWRcbn07XG5cbmV4cG9ydCBjbGFzcyBBbGJ1bVJvdyBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgcmVuZGVyICgpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicm93IGFsYnVtUm93XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbWQtb2Zmc2V0LTIgY29sLW1kLTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aDI+e3RoaXMucHJvcHMuYWxidW0ubmFtZX08L2gyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1tZC0yXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzc05hbWU9XCJ0ZXh0LWNlbnRlclwiPjxpbWcgc3JjPXt0aGlzLnByb3BzLmFsYnVtLmFydH0gd2lkdGg9XCIyMDBcIiBoZWlnaHQ9XCIyMDBcIiBjbGFzc05hbWU9XCJpbWctcmVzcG9uc2l2ZSBpbWctY2lyY2xlIGFydFwiIGFsdD17dGhpcy5wcm9wcy5hbGJ1bS5uYW1lfSAvPjwvcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLW1kLTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QWxidW1UcmFja3NUYWJsZSB0cmFja3M9e3RoaXMucHJvcHMuYWxidW0udHJhY2tzfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICApO1xuICAgIH1cbn1cblxuQWxidW1Sb3cucHJvcFR5cGVzID0ge1xuICAgIGFsYnVtOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFsYnVtIGV4dGVuZHMgQ29tcG9uZW50IHtcbiAgICByZW5kZXIgKCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEFsYnVtUm93IGFsYnVtPXt0aGlzLnByb3BzLmFsYnVtfSAvPlxuICAgICAgICApO1xuICAgIH1cbn1cblxuQWxidW0ucHJvcFR5cGVzID0ge1xuICAgIGFsYnVtOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbn07XG5cblxuXG4vKiogV0VCUEFDSyBGT09URVIgKipcbiAqKiBhcHAvY29tcG9uZW50cy9BbGJ1bS5qc3hcbiAqKi8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7Ozs7Ozs7OztBQUNBOzs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFIQTtBQU1BOzs7Ozs7QUFHQTtBQUNBO0FBREE7QUFDQTtBQUlBOzs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBREE7QUFNQTs7Ozs7O0FBR0E7QUFDQTtBQURBO0FBQ0E7QUFHQTs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFEQTtBQURBO0FBS0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUpBO0FBTkE7QUFnQkE7Ozs7OztBQUdBO0FBQ0E7QUFEQTtBQUNBO0FBR0E7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUdBOzs7Ozs7QUFMQTtBQUNBO0FBQ0E7QUFNQTtBQUNBO0FBREEiLCJzb3VyY2VSb290IjoiIn0="); /***/ }, /* 642 */ diff --git a/app/dist/style.css b/app/dist/style.css index 32a25ea..479faee 100644 --- a/app/dist/style.css +++ b/app/dist/style.css @@ -6951,6 +6951,7 @@ div.filter { margin-bottom: 0.5em; width: 75%; height: auto; + max-width: 200px; } .albumRow { diff --git a/app/styles/ampache.css b/app/styles/ampache.css index d7a8e24..fbdc90c 100644 --- a/app/styles/ampache.css +++ b/app/styles/ampache.css @@ -193,6 +193,7 @@ div.filter { margin-bottom: 0.5em; width: 75%; height: auto; + max-width: 200px; } .albumRow {