#71 added illustrations for 403 and 404 also

quartz-manager-frontend/src/app/components/logs-panel/logs-panel.component.html

@@ -5,7 +5,7 @@
     <mat-card-content style="position: relative; height: calc(100% - 3em);">
       <div *ngIf="!logs || logs.length == 0" fxLayout="row" fxFlexAlign="center stretch" style="text-align: center">
         <div fxFill style="height: 100%;">
-          <img src="assets/image/logs.svg" alt="no logs" width="480" />
+          <img src="assets/image/logs.svg" alt="no logs" width="320" style="margin-top: 6em;" />
         </div>
       </div>
       <div id="logs" style="overflow-y: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: auto;">

quartz-manager-frontend/src/app/views/forbidden/forbidden.component.html

@@ -1,3 +1,13 @@
-<p>
-  Forbbiden - Your access doesn't allow!!
-</p>
+<div fxLayout="column" fxLayoutAlign="center" style="text-align: center">
+  <div>
+    <div>
+      <p style="font-size: 4em; margin-bottom: 0">Forbidden - Access Senied</p>
+      <p>you're not authorized to access</p>
+    </div>
+  </div>
+  <div>
+    <p>
+      <img src="assets/image/access_denied.svg" width="480" alt="access denied"/>
+    </p>
+  </div>
+</div>

quartz-manager-frontend/src/app/views/not-found/not-found.component.html

@@ -1,5 +1,12 @@
-<div class="container-fluid">
-  <div class="page-header">
-    <h1>Page Not Found</h1>
+<div fxLayout="column" fxLayoutAlign="center" style="text-align: center">
+  <div>
+    <div>
+      <p style="font-size: 4em; margin-bottom: 0">Not Found!</p>
+    </div>
   </div>
-</div>
+  <div>
+    <p>
+      <img src="assets/image/page_not_found.svg" width="480" alt="not found"/>
+    </p>
+  </div>
+</div>