# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1559732516 -7200
# Node ID 6a5a2ffcf74b7c7d141145126cadc77bf0b1a409
# Parent  c48b1e0fccd08dfb29b27c41c14c16496d897d44
client: configuration: data accuracy: made headers less flashy

diff -r c48b1e0fccd0 -r 6a5a2ffcf74b client/src/components/systemconfiguration/DataAccuracy.vue
--- a/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 12:42:31 2019 +0200
+++ b/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 13:01:56 2019 +0200
@@ -11,7 +11,7 @@
           </h6>
           <div class="d-flex flex-grow-1 text-center small">
             <div class="card rounded-left">
-              <div class="card-header text-white bg-success">OK</div>
+              <div class="card-header">OK</div>
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
@@ -22,7 +22,7 @@
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
-              <div class="card-header text-white bg-warning rounded-0">
+              <div class="card-header rounded-0">
                 Warning
               </div>
               <div
@@ -43,7 +43,7 @@
               </div>
             </div>
             <div class="card rounded-right">
-              <div class="card-header text-white bg-danger">Critical</div>
+              <div class="card-header">Critical</div>
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
@@ -64,7 +64,7 @@
           </h6>
           <div class="d-flex flex-grow-1 text-center small">
             <div class="card rounded-left">
-              <div class="card-header text-white bg-success">OK</div>
+              <div class="card-header">OK</div>
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
@@ -80,7 +80,7 @@
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
-              <div class="card-header text-white bg-warning rounded-0">
+              <div class="card-header rounded-0">
                 Warning
               </div>
               <div
@@ -101,7 +101,7 @@
               </div>
             </div>
             <div class="card rounded-right">
-              <div class="card-header text-white bg-danger">Critical</div>
+              <div class="card-header">Critical</div>
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
@@ -127,7 +127,7 @@
           </h6>
           <div class="d-flex flex-grow-1 text-center small">
             <div class="card rounded-left">
-              <div class="card-header text-white bg-success">OK</div>
+              <div class="card-header">OK</div>
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
@@ -145,7 +145,7 @@
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
-              <div class="card-header text-white bg-warning rounded-0">
+              <div class="card-header rounded-0">
                 Warning
               </div>
               <div
@@ -169,7 +169,7 @@
               </div>
             </div>
             <div class="card rounded-right">
-              <div class="card-header text-white bg-danger">Critical</div>
+              <div class="card-header">Critical</div>
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
@@ -198,7 +198,7 @@
           </h6>
           <div class="d-flex flex-grow-1 text-center small">
             <div class="card rounded-left">
-              <div class="card-header text-white bg-success">OK</div>
+              <div class="card-header">OK</div>
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
@@ -220,7 +220,7 @@
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
-              <div class="card-header text-white bg-warning rounded-0">
+              <div class="card-header rounded-0">
                 Warning
               </div>
               <div
@@ -242,7 +242,7 @@
               </div>
             </div>
             <div class="card rounded-right">
-              <div class="card-header text-white bg-danger">Critical</div>
+              <div class="card-header">Critical</div>
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
@@ -277,11 +277,20 @@
 <style lang="sass" scoped>
 .card
   width: 33.333%
+  &:nth-child(1)
+    > .card-header
+      border-bottom: solid 2px #28a745
+  &:nth-child(2)
+    > .card-header
+      border-bottom: solid 2px #ffc107
+  &:nth-child(3)
+    > .card-header
+      border-bottom: solid 2px #dc3545
 .rounded-left,
 .rounded-left .card-header
   border-top-right-radius: 0
   border-bottom-right-radius: 0
-.rounded-right
+.rounded-right,
 .rounded-right .card-header
   border-top-left-radius: 0
   border-bottom-left-radius: 0