style flash box

diff --git a/src/features/shared/components/Flash/Flash.jsx b/src/features/shared/components/Flash/Flash.jsx
index be47540..363c61d 100644 (file)
--- a/src/features/shared/components/Flash/Flash.jsx
+++ b/src/features/shared/components/Flash/Flash.jsx
@@ -37,7 +37,7 @@ class Flash extends React.Component {
     })
 
     return (
-      <div>
+      <div className={this.props.className}>
         {messages}
       </div>
     )

diff --git a/src/features/shared/components/PageTitle/PageTitle.jsx b/src/features/shared/components/PageTitle/PageTitle.jsx
index 3200470..7e8f626 100644 (file)
--- a/src/features/shared/components/PageTitle/PageTitle.jsx
+++ b/src/features/shared/components/PageTitle/PageTitle.jsx
@@ -7,16 +7,14 @@ import makeRoutes from 'routes'
 import actions from 'actions'
 import styles from './PageTitle.scss'
 import componentClassNames from 'utility/componentClassNames'
-import classNames from 'classnames'
 
 class PageTitle extends React.Component {
   render() {
     const chevron = require('images/chevron.png')
-    const className = classNames(styles.main, 'navbar', 'navbar-fixed-top')
 
     return(
       <div className={componentClassNames(this)}>
-        <div className={className}>
+        <div className={`${styles.main} navbar navbar-fixed-top`}>
           <div className={styles.navigation}>
             <ul className={styles.crumbs}>
               {this.props.breadcrumbs.map(crumb =>
@@ -39,7 +37,8 @@ class PageTitle extends React.Component {
           </ul>}
         </div>
 
-        <Flash messages={this.props.flashMessages}
+        <Flash className={styles.flash}
+          messages={this.props.flashMessages}
           markFlashDisplayed={this.props.markFlashDisplayed}
           dismissFlash={this.props.dismissFlash}
         />

diff --git a/src/features/shared/components/PageTitle/PageTitle.scss b/src/features/shared/components/PageTitle/PageTitle.scss
index e83c6d7..5b526ab 100644 (file)
--- a/src/features/shared/components/PageTitle/PageTitle.scss
+++ b/src/features/shared/components/PageTitle/PageTitle.scss
@@ -59,3 +59,9 @@
   margin: 0;
   padding: 0;
 }
+
+.flash {
+  position: fixed;
+  bottom: 0;
+  width: calc(100% - 220px);
+}
\ No newline at end of file