From 9ba9067a99d93cabf7842409545e0bda44d6211e Mon Sep 17 00:00:00 2001
From: Mickael KERJEAN <mickael.kerjean@gmail.com>
Date: Mon, 14 May 2018 20:55:22 +1000
Subject: [PATCH] bugfix (notification): stick the notification on the left
 side mitigating a chrome bug with animation in a position fixed situation

---
 client/pages/error.scss      | 2 +-
 client/pages/filespage.js    | 2 +-
 client/pages/notfoundpage.js | 2 +-
 client/pages/viewerpage.js   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/pages/error.scss b/client/pages/error.scss
index 826733df..5448fdfd 100644
--- a/client/pages/error.scss
+++ b/client/pages/error.scss
@@ -1,4 +1,4 @@
-.error{
+.error-page{
     width: 80%;
     max-width: 600px;
     margin: 50px auto 0 auto;
diff --git a/client/pages/filespage.js b/client/pages/filespage.js
index 2b789b01..3e6e6147 100644
--- a/client/pages/filespage.js
+++ b/client/pages/filespage.js
@@ -320,7 +320,7 @@ export class FilesPage extends React.Component {
                   <NgIf cond={this.state.loading && this.state.error === null}>
                     <Loader/>
                   </NgIf>
-                  <NgIf cond={this.state.error !== null} className="error">
+                  <NgIf cond={this.state.error !== null} className="error-page">
                     <h1>Oops!</h1>
                     <h2>It seems this directory doesn't exist</h2>
                     <p>{JSON.stringify(this.state.error)}</p>
diff --git a/client/pages/notfoundpage.js b/client/pages/notfoundpage.js
index b5420b51..aefef8c0 100644
--- a/client/pages/notfoundpage.js
+++ b/client/pages/notfoundpage.js
@@ -29,7 +29,7 @@ export class NotFoundPage extends React.Component {
 
     render() {
         return (
-            <div className="component_page_notfound error">
+            <div className="component_page_notfound error-page">
               <h1>Oops!</h1>
               <h2>We can't seem to find the page you're looking for.</h2>
               <p>
diff --git a/client/pages/viewerpage.js b/client/pages/viewerpage.js
index 9821d901..08513c82 100644
--- a/client/pages/viewerpage.js
+++ b/client/pages/viewerpage.js
@@ -145,7 +145,7 @@ export class ViewerPage extends React.Component {
                 <NgIf cond={this.state.loading === true && this.state.error === null}>
                   <Loader/>
                 </NgIf>
-                <NgIf cond={this.state.error !== null} className="error">
+                <NgIf cond={this.state.error !== null} className="error-page">
                   <h1>Oops!</h1>
                   <h2>There is nothing in here</h2>
                   <p>{JSON.stringify(this.state.error)}</p>