Fix the badges on the resource list.

2 files changed, 22 insertions, 0 deletions

diff --git a/pyblackbird_cc/static/css/custom.css b/pyblackbird_cc/static/css/custom.css
index 5df7099..3698692 100644
--- a/pyblackbird_cc/static/css/custom.css
+++ b/pyblackbird_cc/static/css/custom.css
@@ -6149,6 +6149,27 @@ progress {
     display: none !important;
   }
 }
+.badge {
+  display: inline-block;
+  padding: 0.35em 0.65em;
+  font-size: 0.75em;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+}
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
 h2, .h2 {
   color: #51635e;
 }
diff --git a/pyblackbird_cc/static/scss/custom.scss b/pyblackbird_cc/static/scss/custom.scss
index a87a968..c80e8f4 100644
--- a/pyblackbird_cc/static/scss/custom.scss
+++ b/pyblackbird_cc/static/scss/custom.scss
@@ -22,6 +22,7 @@ $ml-font-label-weight: 500;
 @import "../bootstrap/scss/grid";
 @import "../bootstrap/scss/buttons";
 @import "../bootstrap/scss/bootstrap-utilities";
+@import "../bootstrap/scss/_badge.scss";
 // 5. Add additional custom code here
 
 h2 {