From adeda8e4c6f60199da03c948d96c8c2b96dd48f0 Mon Sep 17 00:00:00 2001
From: Chiara Rasi <rasi.chiara@gmacil.com>
Date: Mon, 28 Oct 2024 12:41:22 +0100
Subject: [PATCH] Switch to Bootstrap 5 badges

---
 src/chanjo2/templates/overview.html | 24 +++---------------------
 1 file changed, 3 insertions(+), 21 deletions(-)

diff --git a/src/chanjo2/templates/overview.html b/src/chanjo2/templates/overview.html
index d15ba3c1..f67a86cb 100644
--- a/src/chanjo2/templates/overview.html
+++ b/src/chanjo2/templates/overview.html
@@ -2,24 +2,6 @@
 
 {% block css %}
 {{ super() }}
-<style>
-.mane_badge {
-	background-color: black;
-	color: white;
-	padding: 4px 8px;
-	text-align: center;
-	border-radius: 5px;
-	float: right;
-}
-.badge {
-	background-color: lightblue;
-	color: black;
-	padding: 4px 8px;
-	text-align: center;
-	border-radius: 5px;
-	float: right;
-}
-</style>
 {% endblock %}
 
 {% macro completeness_cutoffs() %}
@@ -72,13 +54,13 @@
 							<td>
 								{{ row[2] }} <!-- Ensembl transcript ID -->
 								{% if row[3].mane_select %}
-									<span class="mane_badge">MANE Select: {{row[3].mane_select}}</span>
+									<span class="badge bg-dark">MANE Select: {{row[3].mane_select}}</span>
 								{% endif %}
 								{% if row[3].mane_plus_clinical %}
-									<span class="mane_badge">MANE Plus Clinical: {{row[3].mane_plus_clinical}}</span>
+									<span class="badge bg-dark">MANE Plus Clinical: {{row[3].mane_plus_clinical}}</span>
 								{% endif %}
 								{% if row[3].mrna %}
-									<span class="badge">MANE Plus Clinical: {{row[3].mrna}}</span>
+									<span class="badge bg-secondary">{{row[3].mrna}}</span>
 								{% endif %}
 							</td>
 							<td>{{ row[4] }}</td> <!-- sample name -->