From 36b419202b23e81e1e827fe480fbdb8e18f47ee5 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Wed, 21 Feb 2018 16:33:06 -0800
Subject: [PATCH] updated notFound page

---
 app/main.css                    |  1 -
 app/pages/notFound/index.js     |  6 ++----
 app/pages/notFound/notFound.css | 17 -----------------
 3 files changed, 2 insertions(+), 22 deletions(-)
 delete mode 100644 app/pages/notFound/notFound.css

diff --git a/app/main.css b/app/main.css
index 81459568..3ac9274e 100644
--- a/app/main.css
+++ b/app/main.css
@@ -14,5 +14,4 @@
 @import './pages/welcome/welcome.css';
 @import './pages/preview/preview.css';
 @import './pages/share/share.css';
-@import './pages/notFound/notFound.css';
 @import './pages/unsupported/unsupported.css';
diff --git a/app/pages/notFound/index.js b/app/pages/notFound/index.js
index f12bbe37..97f0e04a 100644
--- a/app/pages/notFound/index.js
+++ b/app/pages/notFound/index.js
@@ -3,11 +3,9 @@ const assets = require('../../../common/assets');
 
 module.exports = function(state) {
   return html`
-    <div class="notFoundPage">
+    <div class="page">
       <div class="title">${state.translate('expiredPageHeader')}</div>
-      <div class="notFoundPage__img">
-        <img src="${assets.get('illustration_expired.svg')}" id="expired-img">
-      </div>
+      <img src="${assets.get('illustration_expired.svg')}" id="expired-img">
       <div class="description">
         ${state.translate('uploadPageExplainer')}
       </div>
diff --git a/app/pages/notFound/notFound.css b/app/pages/notFound/notFound.css
deleted file mode 100644
index 07bf0e15..00000000
--- a/app/pages/notFound/notFound.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.notFoundPage {
-  margin: 0 auto 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  text-align: center;
-}
-
-.notFoundPage__img {
-  margin: 0 auto;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  max-width: 640px;
-}