From af020d4653be2b3a928981c6256ad0c1b931bfc4 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Wed, 10 Apr 2019 17:08:01 +0200
Subject: [PATCH] Cleanup CSS.

Extend Bootstrap classes instead of using own styling.
---
 src/styles/components/_card.sass | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/styles/components/_card.sass b/src/styles/components/_card.sass
index 4cc9631b..cfaf23e7 100644
--- a/src/styles/components/_card.sass
+++ b/src/styles/components/_card.sass
@@ -155,14 +155,14 @@ $card-progress-height: 5px
 
 /* Tiny label for cards. e.g. 'WATCHED' on videos. */
 .card-label
-	background-color: rgba($black, .5)
-	border-radius: 3px
-	color: $white
-	display: block
+	@extend .font-weight-bold
+	@extend .position-absolute
+	@extend .rounded
+	@extend .text-white
+	@extend .bg-dark
+	bottom: $card-progress-height + 3px // enough to be above the progress-bar
 	font-size: $font-size-xxs
 	left: 5px
-	bottom: $card-progress-height + 3px // enough to be above the progress-bar
-	position: absolute
 	padding: 1px 5px
 	z-index: 1