done basic error page

proxy.conf.json

@@ -8,5 +8,15 @@
     "secure": false,
     "changeOrigin": true,
     "logLevel": "info"
+  },
+  "/i18n": {
+    "target": {
+      "host": "172.27.0.1",
+      "protocol": "http:",
+      "port": 8000
+    },
+    "secure": false,
+    "changeOrigin": true,
+    "logLevel": "info"
   }
 }

src/app/pages/error/error.component.css

@@ -3,13 +3,26 @@
     flex-flow: column wrap;
     align-items: center;
     justify-content: center;
+    height: 100%;
+    width: 100%;
+}
 
+.errorDialog {
+    min-width: 30%;
+    min-height: 30%;
+    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+    display: flex;
+    flex-flow: column wrap;
+    align-items: center;
+    justify-content: center;
 }
 
 .header {
-    background-color: blueviolet;
+    /*background-color: blueviolet;*/
+    font-size: 1rem;
 }
 
 .message {
-    background-color: aqua;
+    font-size: 1rem;
+    height: 30%;
 }

src/app/pages/error/error.component.html

@@ -1,8 +1,10 @@
 <div class="errorview">
-  <div class="header">
-      <h1>Error</h1>
-  </div>
-  <div class="message">
-    {{ this.error }}
+  <div class="errorDialog">
+    <div class="header">
+      <h1 class="mat-display-1">Error</h1>
+    </div>
+    <div class="message">
+      <h2 class="mat-h2">{{ this.error }}</h2>
+    </div>
   </div>
 </div>

src/app/pages/error/error.component.ts

@@ -18,7 +18,7 @@ export class ErrorComponent implements OnInit {
   getError(): void {
     const id = this.route.snapshot.paramMap.get('id');
     try {
-      this.error = window.atob(id + '==');
+      this.error = window.atob(id);
     } catch (e) {
       this.error = django.gettext('Invalid error string');
     }

src/app/pages/login/login.component.css

@@ -20,7 +20,7 @@
 	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
 	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
     transition: all 0.3s cubic-bezier(.25,.8,.25,1);
-	/* flex: 1 0 51%; */
+	flex: 1 0 auto;
 	justify-content: center;
 	flex-flow: column wrap;
 	align-items: center;