fix webpack errors

files adapted to scss imports
added sass loader

src/components/collectionEditor/collectionEditor.js

@@ -11,7 +11,7 @@ import '../../elements/emby-input/emby-input';
 import '../../elements/emby-select/emby-select';
 import 'material-design-icons-iconfont';
 import '../formdialog.css';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 import toast from '../toast/toast';
 

src/components/dialog/dialog.js

@@ -8,7 +8,7 @@ import '../../elements/emby-button/emby-button';
 import '../../elements/emby-button/paper-icon-button-light';
 import '../../elements/emby-input/emby-input';
 import '../formdialog.css';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 
 /* eslint-disable indent */
 

src/components/filtermenu/filtermenu.js

@@ -12,7 +12,7 @@ import '../../elements/emby-button/paper-icon-button-light';
 import '../../elements/emby-select/emby-select';
 import 'material-design-icons-iconfont';
 import '../formdialog.css';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 
 function onSubmit(e) {

src/components/guide/guide.js

@@ -22,7 +22,7 @@ import '../../elements/emby-button/emby-button';
 import '../../elements/emby-button/paper-icon-button-light';
 import '../../elements/emby-tabs/emby-tabs';
 import '../../elements/emby-scroller/emby-scroller';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import 'webcomponents.js/webcomponents-lite';
 import ServerConnections from '../ServerConnections';
 

src/components/itemMediaInfo/itemMediaInfo.js

@@ -15,7 +15,7 @@ import '../../elements/emby-button/emby-button';
 import '../../elements/emby-button/paper-icon-button-light';
 import '../formdialog.css';
 import 'material-design-icons-iconfont';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 
     function setMediaInfo(user, page, item) {

src/components/mediaLibraryCreator/mediaLibraryCreator.js

@@ -18,7 +18,7 @@ import '../../elements/emby-select/emby-select';
 import '../../elements/emby-toggle/emby-toggle';
 import '../listview/listview.css';
 import '../formdialog.css';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import toast from '../toast/toast';
 import alert from '../alert';
 

src/components/mediaLibraryEditor/mediaLibraryEditor.js

@@ -16,7 +16,7 @@ import '../listview/listview.css';
 import '../../elements/emby-button/paper-icon-button-light';
 import '../formdialog.css';
 import '../../elements/emby-toggle/emby-toggle';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import toast from '../toast/toast';
 import confirm from '../confirm/confirm';
 

src/components/metadataEditor/metadataEditor.js

@@ -14,8 +14,8 @@ import '../../elements/emby-textarea/emby-textarea';
 import '../../elements/emby-button/emby-button';
 import '../../elements/emby-button/paper-icon-button-light';
 import '../formdialog.css';
-import '../../assets/css/clearbutton.css';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/clearbutton.scss';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 import toast from '../toast/toast';
 

src/components/recordingcreator/recordingeditor.js

@@ -12,7 +12,7 @@ import '../../elements/emby-button/paper-icon-button-light';
 import '../formdialog.css';
 import './recordingcreator.css';
 import 'material-design-icons-iconfont';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 
 let currentDialog;

src/components/recordingcreator/recordingfields.js

@@ -7,7 +7,7 @@ import recordingHelper from './recordinghelper';
 import '../../elements/emby-button/emby-button';
 import '../../elements/emby-button/paper-icon-button-light';
 import './recordingfields.css';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 import toast from '../toast/toast';
 

src/components/recordingcreator/seriesrecordingeditor.js

@@ -13,7 +13,7 @@ import '../../elements/emby-button/paper-icon-button-light';
 import '../formdialog.css';
 import './recordingcreator.css';
 import 'material-design-icons-iconfont';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 
 /*eslint prefer-const: "error"*/

src/components/search/searchfields.js

@@ -4,7 +4,7 @@ import { Events } from 'jellyfin-apiclient';
 import browser from '../../scripts/browser';
 import AlphaPicker from '../alphaPicker/alphaPicker';
 import '../../elements/emby-input/emby-input';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import 'material-design-icons-iconfont';
 import './searchfields.css';
 

src/components/sortmenu/sortmenu.js

@@ -7,7 +7,7 @@ import '../../elements/emby-button/paper-icon-button-light';
 import 'material-design-icons-iconfont';
 import '../formdialog.css';
 import '../../elements/emby-button/emby-button';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 
 function onSubmit(e) {
     e.preventDefault();

src/components/subtitleeditor/subtitleeditor.js

@@ -1,4 +1,4 @@
-import appHost from '../apphost';
+import { appHost } from '../apphost';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import layoutManager from '../layoutManager';
 import globalize from '../../scripts/globalize';
@@ -13,7 +13,7 @@ import '../formdialog.css';
 import 'material-design-icons-iconfont';
 import './subtitleeditor.css';
 import '../../elements/emby-button/emby-button';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import ServerConnections from '../ServerConnections';
 import toast from '../toast/toast';
 import confirm from '../confirm/confirm';

src/components/subtitlesettings/subtitlesettings.js

@@ -13,7 +13,7 @@ import '../../elements/emby-select/emby-select';
 import '../../elements/emby-slider/emby-slider';
 import '../../elements/emby-input/emby-input';
 import '../../elements/emby-checkbox/emby-checkbox';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import './subtitlesettings.css';
 import ServerConnections from '../ServerConnections';
 import toast from '../toast/toast';

src/components/tvproviders/schedulesdirect.js

@@ -7,7 +7,7 @@ import '../listview/listview.css';
 import '../../elements/emby-button/paper-icon-button-light';
 import '../../elements/emby-select/emby-select';
 import '../../elements/emby-button/emby-button';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 import Dashboard from '../../scripts/clientUtils';
 import { Events } from 'jellyfin-apiclient';
 

src/components/upnextdialog/upnextdialog.js

@@ -8,7 +8,7 @@ import globalize from '../../scripts/globalize';
 import itemHelper from '../itemHelper';
 import './upnextdialog.css';
 import '../../elements/emby-button/emby-button';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 
 /* eslint-disable indent */
 

src/components/viewSettings/viewSettings.js

@@ -9,7 +9,7 @@ import '../../elements/emby-button/paper-icon-button-light';
 import '../../elements/emby-select/emby-select';
 import 'material-design-icons-iconfont';
 import '../formdialog.css';
-import '../../assets/css/flexstyles.css';
+import '../../assets/css/flexstyles.scss';
 
 function onSubmit(e) {
     e.preventDefault();