className prop added to ServerNotification

src/common/ServerNotification/ServerNotification.js

@@ -1,12 +1,14 @@
 // Copyright (C) 2017-2020 Smart code 203358507
 
 const React = require('react');
+const PropTypes = require('prop-types');
+const classnames = require('classnames');
 const Button = require('stremio/common/Button');
 const styles = require('./styles');
 
-const ServerNotification = () => {
+const ServerNotification = ({ className }) => {
     return (
-        <div className={styles['notification-container']}>
+        <div className={classnames(className, styles['notification-container'])}>
             <div className={styles['notification-statement']}>Streaming server must be available.</div>
             <Button className={styles['notification-button']} title={'later'}>
                 <span className={styles['notification-label']}>Later</span>
@@ -18,4 +20,8 @@ const ServerNotification = () => {
     );
 };
 
+ServerNotification.propTypes = {
+    className: PropTypes.string
+};
+
 module.exports = ServerNotification;

src/common/ServerNotification/styles.less

@@ -3,8 +3,6 @@
 @import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
 
 .notification-container {
-    flex: none;
-    align-self: stretch;
     display: flex;
     flex-direction: row;
     padding: 0.5rem 1rem;

src/routes/Board/Board.js

@@ -65,7 +65,7 @@ const Board = () => {
                     })}
                 </div>
             </MainNavBars>
-            <ServerNotification />
+            <ServerNotification className={styles['board-notification-container']} />
         </div>
     );
 };

src/routes/Board/styles.less

@@ -40,6 +40,11 @@
             }
         }
     }
+
+    .board-notification-container {
+        flex: none;
+        align-self: stretch;
+    }
 }
 
 @media only screen and (max-width: @large) {