diff --git a/src/App.js b/src/App.js index fa8ecd6..17e3546 100644 --- a/src/App.js +++ b/src/App.js @@ -98,7 +98,7 @@ class App extends React.Component { // add the main theme to the page body document.body.className = themeStyle.backgroundcolor; return ( -
+
{this.state.mediacentername}
diff --git a/src/App.module.css b/src/App.module.css index c4af91d..b3e63ec 100644 --- a/src/App.module.css +++ b/src/App.module.css @@ -1,3 +1,7 @@ +.app { + user-select: none; +} + .navitem { cursor: pointer; float: left; diff --git a/src/elements/Preview/Preview.module.css b/src/elements/Preview/Preview.module.css index 756327d..1fd5289 100644 --- a/src/elements/Preview/Preview.module.css +++ b/src/elements/Preview/Preview.module.css @@ -2,10 +2,8 @@ font-size: smaller; font-weight: bold; height: 20px; - height: 20px; max-width: 266px; text-align: center; - text-align: center; } .previewpic { diff --git a/src/elements/Tag/Tag.module.css b/src/elements/Tag/Tag.module.css index e8ac9dc..4e5ef59 100644 --- a/src/elements/Tag/Tag.module.css +++ b/src/elements/Tag/Tag.module.css @@ -3,8 +3,8 @@ border: none; border-radius: 10px; color: white; - display: block; - margin: 10px; + margin-left: 10px; + margin-top: 15px; /*font-weight: bold;*/ padding: 5px 15px 5px 15px; } diff --git a/src/elements/VideoContainer/VideoContainer.js b/src/elements/VideoContainer/VideoContainer.js index 7c7ae96..73d9459 100644 --- a/src/elements/VideoContainer/VideoContainer.js +++ b/src/elements/VideoContainer/VideoContainer.js @@ -24,7 +24,7 @@ class VideoContainer extends React.Component { componentDidMount() { document.addEventListener('scroll', this.trackScrolling); - this.loadPreviewBlock(12); + this.loadPreviewBlock(16); } render() { diff --git a/src/elements/VideoContainer/VideoContainer.test.js b/src/elements/VideoContainer/VideoContainer.test.js index 885f31d..642e2e8 100644 --- a/src/elements/VideoContainer/VideoContainer.test.js +++ b/src/elements/VideoContainer/VideoContainer.test.js @@ -8,11 +8,11 @@ describe('', function () { wrapper.unmount(); }); - it('inserts tiles correctly', () => { + it('inserts tiles correctly if enough available', () => { const wrapper = shallow(); - expect(wrapper.find('Preview')).toHaveLength(12); + expect(wrapper.find('Preview')).toHaveLength(16); }); it('inserts tiles correctly if not enough available', () => {