From 8f1a9d7e53e80d2303826425a2f19f5c99b68b58 Mon Sep 17 00:00:00 2001
From: Jamie <jamie.h@inwinstack.com>
Date: Thu, 19 May 2016 16:18:10 +0800
Subject: [PATCH 1/2] Update the ui of not-found view

* Add not-found.css
* Update not-found.html
---
 src/components/not-found/not-found.css  | 13 +++++++++++++
 src/components/not-found/not-found.html |  7 ++++---
 2 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 src/components/not-found/not-found.css

diff --git a/src/components/not-found/not-found.css b/src/components/not-found/not-found.css
new file mode 100644
index 0000000..1f9374c
--- /dev/null
+++ b/src/components/not-found/not-found.css
@@ -0,0 +1,13 @@
+
+/**
+ * @author Jamie jamie.h@inwinstack.com
+ */
+
+.notFound {
+  margin: auto;
+  top: -88px;
+}
+
+.notFound .md-headline {
+  color: #777;
+}
\ No newline at end of file
diff --git a/src/components/not-found/not-found.html b/src/components/not-found/not-found.html
index 03bc5b0..e404d19 100644
--- a/src/components/not-found/not-found.html
+++ b/src/components/not-found/not-found.html
@@ -1,3 +1,4 @@
-<md-content class="notFound" flex-offset="20" flex="60" layout="column">
-  <h3 class="md-headline">404 Not Found.</h3>
-</md-content>
+<md-content class="notFound" layout="column" layout-align="center center">
+  <div class="md-display-4">404</div>
+  <div class="md-headline" translate>Oops! That file can't be found...</div>
+</md-content>
\ No newline at end of file

From 2c78e80367ba2520081bf249fd9038558756ad95 Mon Sep 17 00:00:00 2001
From: Jamie <jamie.h@inwinstack.com>
Date: Thu, 19 May 2016 16:18:52 +0800
Subject: [PATCH 2/2] Import not-found.css

---
 src/components/not-found/not-found.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/not-found/not-found.js b/src/components/not-found/not-found.js
index 1315a5a..5412bc2 100644
--- a/src/components/not-found/not-found.js
+++ b/src/components/not-found/not-found.js
@@ -2,6 +2,8 @@ import { module } from 'angular';
 import router from 'angular-ui-router';
 import NotFoundTemplate from './not-found.html';
 
+import './not-found.css';
+
 /** @ngInject */
 const route = $stateProvider => {
   $stateProvider.state('not-found', {