suricate.css in suricate-0.0.4

- old
+ new

@@ -17,11 +17,11 @@
 .widget .name {
   position: relative;
   text-transform: uppercase;
   text-align: center;
   color: #5C5C5C;
-  padding-bottom: 15px;
+  padding-bottom: 5px;
 }
 
 .widget .bottom-bar {
   position: relative;
   background-color: #f3f3f3;
@@ -65,11 +65,11 @@
 .line-chart-widget .chart {
   width: 100% !important;
 }
 
 .line-chart-widget .name {
-  padding-top: 20px;
+  padding-top: 10px;
 }
 
 .line-chart-widget .legend {
   height: 20px;
   width: 100%;
@@ -92,6 +92,40 @@
   width: 15px;
   height: 15px;
   display: inline-block;
   position: relative;
   margin-right: 5px;
+}
+
+/*
+ * StatusWidget
+ */
+
+.status-widget .status {
+  margin-top: 10px;
+  margin-left: auto;
+  margin-right: auto;
+  width: 60px;
+  border-radius: 50%;
+  height: 60px;
+  margin-bottom: 10px;
+}
+
+.status-widget.danger .body {
+  background-color: white;
+}
+
+.status-widget.warning .body {
+  background-color: white;
+}
+
+.status-widget.ok .status {
+  background-color: #32986C;
+}
+
+.status-widget.danger .status {
+  background-color: #F59F97;
+}
+
+.status-widget.warning .status {
+  background-color: #f5ce97;
 }