Introduce system-status css

resources/scss/system-status.scss

@@ -0,0 +1 @@
+@import 'system-status/views/table';

resources/scss/system-status/_settings.scss

@@ -0,0 +1,13 @@
+//
+// Colors
+//
+$color__black: #000;
+$color__gray: lighten($color__black, 50%);
+$color__white: #fff;
+
+$color__orange: #ffa500;
+$color__red: #ff544b;
+
+// Inpsyde
+$color__inpsyde: #8fb900;
+$color__inpsyde--dark: darken($color__inpsyde, 20%);

resources/scss/system-status/views/_table.scss

@@ -0,0 +1,60 @@
+@import '../settings';
+
+.systemstatus--table {
+  margin-bottom: 1em;
+
+  h2 {
+    font-size: .9rem;
+    margin:    0;
+  }
+
+  tr:nth-child( 2n ) {
+    th,
+    td {
+      background: darken($color__white, 2%);
+    }
+  }
+
+  th {
+    padding: 9px;
+  }
+
+  td, th {
+    font-size:   .9rem;
+    font-weight: normal;
+
+    &:first-child {
+      width: 33%;
+    }
+
+    mark {
+      background: transparent none;
+    }
+
+    mark.yes {
+      color: $color__inpsyde;
+    }
+
+    mark.no {
+      color: $color__gray;
+    }
+
+    mark.error, .red {
+      color: $color__red;
+    }
+
+    ul {
+      margin: 0;
+    }
+  }
+
+  .systemstatus {
+
+    // Item
+    &__item-short-description {
+      color:     $color__gray;
+      display:   block;
+      font-size: .75rem;
+    }
+  }
+}

src/SystemStatus/ServiceProvider.php

@@ -35,7 +35,7 @@ public function register( Container $container ) {
 	public function boot( Container $container ) {
 
 		( new \Inpsyde\SystemStatus\Assets\Styles(
-			$container['translationmanager.plugin']->url( '/vendor/inpsyde/' ), '' )
+			$container['translationmanager.plugin']->url( '/assets/css/' ), '' )
 		)->init();
 	}
 }