From ed79a3135b67ee65ad1c257b82ade43a482ac74e Mon Sep 17 00:00:00 2001
From: pepper <git@pooper.net.au>
Date: Thu, 29 Oct 2020 12:49:08 +1100
Subject: [PATCH] added error pages and further styling

---
 public/index.html                            |  1 +
 src/components/Migrations/Error.js           | 10 +++++++++-
 src/components/Migrations/MigrationSingle.js |  2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 59b4f4a..2d4633b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,6 +11,7 @@
   <!-- Compiled and minified CSS -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
   <title>React App</title>
 </head>
diff --git a/src/components/Migrations/Error.js b/src/components/Migrations/Error.js
index 57176bc..9719c74 100644
--- a/src/components/Migrations/Error.js
+++ b/src/components/Migrations/Error.js
@@ -2,7 +2,15 @@ import React from 'react'
 
 const Error = () => (
     <div>
-        <h1>There was an error fetching news</h1>
+
+
+        <div class="card-panel blue-grey darken-1">
+            <div class="card-content white-text">
+                <center>
+                    <span class="card-title"><i className="large material-icons">do_not_disturb</i></span>
+                </center>
+            </div>
+        </div>
     </div>
 )
 
diff --git a/src/components/Migrations/MigrationSingle.js b/src/components/Migrations/MigrationSingle.js
index 2fd124e..92ae715 100644
--- a/src/components/Migrations/MigrationSingle.js
+++ b/src/components/Migrations/MigrationSingle.js
@@ -3,7 +3,7 @@ import React from 'react';
 const MigrationSingle = ({ item }) => (
 
     <div className="col s4 m4">
-        <div className="card">
+        <div className="card-panel">
             <div className="card-content black-text">
                 <ul className="collection with-header">
                     <li className="collection-header"><p>{item.migration_status}</p></li>