OSB-29: put the standard colors in sas

.gitattributes

@@ -1852,6 +1852,7 @@ LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationList.css -t
 LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationList.js -text
 LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.css -text
 LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.js -text
+LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.scss -text
 LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestSummary.css -text
 LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestSummary.js -text
 LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/header.css -text

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.scss

+@import '../themes/lofar-variables.scss';
+
+/* Should be done by SASL */
+.so-serious {
+    background-color: $serious;
+}
+.so-alarming {
+    background-color: $alarming;
+}
+.so-warning {
+    background-color: $warning;
+}
+.so-good {
+    background-color: $good;
+}
+
+
+.station-overview-ctrl {
+    font-size: .9rem;
+}
+
+.so-table {
+    width: auto!important;
+}
+
+.so-table th {
+    padding-right: 1.4em!important;
+}
+
+.so-stationtestbadge {
+    float: left;
+    width: 1.4rem;
+    height: 1.4rem;
+    line-height: 1.4rem;
+    border: 1px solid #999;
+    border-radius: .2rem;
+    padding: 0;
+    text-align: center;
+    margin-left: 1px;
+    font-size: 90%;
+}
+
+
+/* RTSM Badge styling */
+.so-rtsmbadge {
+    float: left;
+    height: 1.4rem;
+    line-height: 1.4rem;
+    background: #eeeeee;
+    border: 1px solid #999;
+    border-radius: .2rem;
+    padding: 0 0.5em;
+    text-align: left;
+    margin-left: 1px;
+    font-size: 90%;
+    width: 7em;
+}
+
+
+.so-pill {
+    display: block;
+    float: right;
+    padding: .25em .45em;
+    font-size: 90%;
+    font-weight: 500;
+    line-height: 1;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    border-radius: 1em;
+    margin-top: 0.1rem;
+
+}

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/pages/LandingPage.js

@@ -116,7 +116,7 @@ class LandingPage extends Component {
             <ResponsiveGridLayout className="layout" layouts={layout.panels} measureBeforeMount={true} breakpoints={layout.breakpoints} cols={layout.cols}>
                 {createGridPanel({
                     key: "ul", title: "Station overview",
-                    body: <StationOverview url={this.getStationOverviewURL()}/>
+                    body: <StationOverview url={this.getStationOverviewURL()} reloadInterval="6000"/>
                 })}
                 {createGridPanel({
                     key: "ur", title: "Latest observations",