From 6ed3dbef034083c8b871d243c8af6069ebb22531 Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jradosz@gmail.com>
Date: Mon, 1 Jun 2020 11:21:07 +0200
Subject: [PATCH] UX: Fix border radius artifacts on dashboard pills (#9949)

---
 .../stylesheets/common/admin/dashboard.scss   | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/common/admin/dashboard.scss b/app/assets/stylesheets/common/admin/dashboard.scss
index 8a5a5e00c6d..a2ba7db079a 100644
--- a/app/assets/stylesheets/common/admin/dashboard.scss
+++ b/app/assets/stylesheets/common/admin/dashboard.scss
@@ -354,17 +354,18 @@
     flex: 1 0 auto;
     max-width: 95%;
   }
+
   .table-cell {
     display: flex;
     flex: 0 1 auto;
     margin: 0 10px 5px 0;
-    border: 1px solid $primary-low;
+    padding: 1px;
     border-radius: 10px;
+
     .label {
       display: flex;
       align-items: center;
       color: $primary;
-      background: $primary-very-low;
       justify-content: center;
       border-radius: 9px 0 0 9px;
       padding: 0 5px 0 8px;
@@ -376,8 +377,11 @@
     }
 
     .value {
+      background: $secondary;
+      border-radius: 0 9px 9px 0;
       padding: 0 8px 0 5px;
     }
+
     &.user-newuser {
       .label {
         color: $primary-high;
@@ -385,26 +389,20 @@
     }
     &.user-basic,
     &.user-member {
-      border-color: $bronze;
+      background: $bronze;
       .label {
-        border-color: $bronze;
-        background: $bronze;
         color: $secondary;
       }
     }
     &.user-regular {
-      border-color: $silver;
+      background: $silver;
       .label {
-        border-color: $silver;
-        background: $silver;
         color: $secondary;
       }
     }
     &.user-leader {
-      border-color: $gold;
+      background: $gold;
       .label {
-        background: $gold;
-        border-color: $gold;
         color: $secondary;
       }
     }