Use ion icons on the status page

app/assets/sass/_status-page.scss

@@ -124,23 +124,23 @@ body.status-page {
                 position: absolute;
                 left: 25px;
                 top: 14px;
-                .fa {
+                .ion {
                     position: absolute;
-                    &.fa-flag {
+                    &.ion-flag {
                         top: 10px;
-                        left: 9px;
+                        left: 13px;
                     }
-                    &.fa-warning {
+                    &.ion-alert {
                         top: 10px;
-                        left: 9px;
+                        left: 15px;
                     }
-                    &.fa-eye {
+                    &.ion-eye {
                         top: 10px;
-                        left: 9px;
+                        left: 10px;
                     }
-                    &.fa-check {
+                    &.ion-checkmark {
                         top: 10px;
-                        left: 9px;
+                        left: 11px;
                     }
                 }
                 &.status-1 {

app/models/Incident.php

@@ -46,10 +46,10 @@ class Incident extends Eloquent implements \Dingo\Api\Transformer\TransformableI
     public function getIconAttribute()
     {
         switch ($this->status) {
-            case 1: return 'fa fa-flag';
-            case 2: return 'fa fa-warning';
-            case 3: return 'fa fa-eye';
-            case 4: return 'fa fa-check';
+            case 1: return 'ion ion-flag';
+            case 2: return 'ion ion-alert';
+            case 3: return 'ion ion-eye';
+            case 4: return 'ion ion-checkmark';
         }
     }