moved style.js files into components

src/components/Snippets.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import API from './SpreadsheetData';
 import processString from 'react-process-string';
-import s from '../styles/app.style';
+import s from './app.style';
 
 export function UnderConstruction(props) {
   return (

src/components/entercode/EnterTheCode.js

@@ -6,7 +6,7 @@ import Interactive from 'react-interactive';
 import DigitInput from 'react-digit-input';
 import API from '../SpreadsheetData';
 import {Loading} from '../Snippets';
-import style from '../../styles/style';
+import style from '../style';
 import './packs.scss';
 
 const s = Object.create(style);

src/components/entercode/PackSimulator.js

@@ -6,7 +6,7 @@ import loki from 'lokijs';
 import Interactive from 'react-interactive';
 import API from '../SpreadsheetData';
 import {Loading} from '../Snippets';
-import s from '../../styles/style';
+import s from '../style';
 import './packs.scss';
 
 @inject((stores, props, context) => props) @observer

src/components/index.js

@@ -5,10 +5,11 @@ import loadable from '@loadable/component';
 import windowWidth from './windowWidth';
 import Desktop from './desktop';
 import Mobile from './mobile';
-import s from '../styles/app.style';
+import s from './app.style';
+
 
 /* Components */
-import {PageNotFound, UnderConstruction, Loading} from './Snippets';
+import {Loading} from './Snippets';
 import Create from './create/index';
 
 const EnterTheCode = loadable(

src/components/portal/Category.js

@@ -3,7 +3,7 @@ import Interactive from 'react-interactive';
 import {Link, Route} from 'react-router-dom';
 import {observable} from 'mobx';
 import {observer, inject} from 'mobx-react';
-import s from '../../styles/app.style';
+import s from '../app.style';
 import API from '../SpreadsheetData';
 import {Loading} from '../Snippets';
 

src/components/portal/Search.js

@@ -5,7 +5,7 @@ import API from '../SpreadsheetData';
 import {observable} from "mobx";
 import {observer, inject} from 'mobx-react';
 import loki from 'lokijs';
-import s from '../../styles/app.style';
+import s from '../app.style';
 import {SearchButton} from '../Snippets';
 
 @inject((stores, props, context) => props) @observer

src/components/portal/Single/Attack.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import API from '../../SpreadsheetData';
-import s from '../../../styles/app.style';
+import s from '../../app.style';
 import {observer, inject} from 'mobx-react';
 import {PageNotFound} from '../../Snippets';
 import Single from './_base';

src/components/portal/Single/Battlegear.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import API from '../../SpreadsheetData';
-import s from '../../../styles/app.style';
+import s from '../../app.style';
 import {observer, inject} from 'mobx-react';
 import {PageNotFound} from '../../Snippets';
 import Single from './_base';

src/components/portal/Single/Creature.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Interactive from 'react-interactive';
 import {Link} from 'react-router-dom';
 import API from '../../SpreadsheetData';
-import s from '../../../styles/app.style';
+import s from '../../app.style';
 import {observer, inject} from 'mobx-react';
 import Single from './_base';
 import {PageNotFound, Element, Mugic, Discipline, Ability, Tribe} from '../../Snippets';

src/components/portal/Single/Mugic.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import API from '../../SpreadsheetData';
-import s from '../../../styles/app.style';
+import s from '../../app.style';
 import {observer, inject} from 'mobx-react';
 import Single from './_base';
 import {PageNotFound, Mugic, Tribe} from '../../Snippets';

src/components/portal/Single/_base.js

@@ -4,7 +4,7 @@ import {observer, inject} from 'mobx-react';
 import {Link} from 'react-router-dom';
 import API from '../../SpreadsheetData';
 import {Rarity, Ability} from '../../Snippets';
-import s from '../../../styles/app.style';
+import s from '../../app.style';
 
 // own "name" display function
 function Name(props) {

src/components/portal/Tribes.js

@@ -4,7 +4,7 @@ import {Link, Route} from 'react-router-dom';
 import {observable} from 'mobx';
 import {observer, inject} from 'mobx-react';
 import loki from 'lokijs';
-import s from '../../styles/app.style';
+import s from '../app.style';
 import API from '../SpreadsheetData';
 import {Loading} from '../Snippets';
 import Creature from './Single/Creature';