Update custom error pages

aleksis/core/templates/403.html

@@ -4,9 +4,9 @@
 
 {% block content %}
  <div class="container">
-  <div class="card-panel red">
-   <div class="card-content white-text">
-    <div class="material-icons">error_outline</div>
+  <div class="card red">
+   <div class="card white-text">
+    <i class="material-icons small">error_outline</i>
     <span class="card-title">{% blocktrans %}Error (403): You are not allowed to access the requested page or object.{% endblocktrans %}</span>
     <p>
      {% blocktrans %}

aleksis/core/templates/404.html

@@ -4,9 +4,9 @@
 
 {% block content %}
  <div class="container">
-  <div class="card-panel red">
+  <div class="card red">
    <div class="card-content white-text">
-    <div class="material-icons">error_outline</div>
+    <i class="material-icons small left">error_outline</i>
     <span class="card-title">{% blocktrans %}Error (404): The requested page or object was not found.{% endblocktrans %}</span>
     <p>
      {% blocktrans %}

aleksis/core/templates/500.html

@@ -4,9 +4,9 @@
 
 {% block content %}
  <div class="container">
-  <div class="card-panel red">
+  <div class="card red">
    <div class="card-content white-text">
-    <div class="material-icons">error_outline</div>
+    <div class="material-icons small">error_outline</div>
     <span class="card-title">{% blocktrans %}Error (500): An unexpected error has occured..{% endblocktrans %}</span>
     <p>
      {% blocktrans %}

aleksis/core/templates/503.html

@@ -4,9 +4,9 @@
 
 {% block content %}
  <div class="container">
-  <div class="card-panel red">
+  <div class="card red">
    <div class="card-content white-text">
-    <div class="material-icons">error_outline</div>
+    <div class="material-icons small">error_outline</div>
     <span class="card-title">{% blocktrans %}The maintenance mode is currently enabled. Please try again later.{% endblocktrans %}</span>
     <p>
      {% blocktrans %}