From 00ffb0141ba5f18c0d56aae22f152de85c887209 Mon Sep 17 00:00:00 2001
From: Nico Rehwaldt <git_nikku@nixis.de>
Date: Fri, 11 Oct 2019 18:49:39 +0200
Subject: [PATCH] chore(board): style nitty-gritty

---
 packages/board/src/Card.scss         | 17 ++++++++++++++---
 packages/board/src/CardStatus.svelte |  9 +++++++--
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/packages/board/src/Card.scss b/packages/board/src/Card.scss
index 12b4e853..4fa8bc75 100644
--- a/packages/board/src/Card.scss
+++ b/packages/board/src/Card.scss
@@ -13,16 +13,27 @@
   z-index: 1;
   padding: 4px 8px;
 
-  overflow: hidden;
-
   .header {
     margin-bottom: 7px;
   }
 }
 
+:global(.board-card-links.attached) .card-link:last-child,
+:global(.board-card) {
+  > .card-status {
+    .state:last-child {
+      border-bottom-right-radius: 4px;
+    }
+
+    .state:first-child {
+      border-bottom-left-radius: 4px;
+    }
+  }
+}
+
+
 .board-card-links {
   margin-top: 2px;
-  overflow: hidden;
 }
 
 .header {
diff --git a/packages/board/src/CardStatus.svelte b/packages/board/src/CardStatus.svelte
index 53dff1b5..ac9df6b5 100644
--- a/packages/board/src/CardStatus.svelte
+++ b/packages/board/src/CardStatus.svelte
@@ -16,6 +16,11 @@
 
   @import "variables";
 
+  @mixin colored-scale($color) {
+    background: $color;
+    box-shadow: 0 1px 2px 0px adjust-color($color, $alpha: -0.7);
+  }
+
   .card-status {
     display: flex;
     flex-direction: row;
@@ -53,11 +58,11 @@
     }
 
     &.success {
-      background: $background-green;
+      @include colored-scale($background-green);
     }
 
     &.failure {
-      background: $background-red;
+      @include colored-scale($background-red);
     }
   }