From 2f4d94b196979b3c954685937af5249473bcc72a Mon Sep 17 00:00:00 2001
From: alexcherman <sashacherman@gmail.com>
Date: Mon, 28 Oct 2019 16:27:42 +0100
Subject: [PATCH] Add badge className

---
 src/app/components/side-panel.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/side-panel.js b/src/app/components/side-panel.js
index b580a52337..a016a39eb6 100644
--- a/src/app/components/side-panel.js
+++ b/src/app/components/side-panel.js
@@ -38,7 +38,7 @@ const css = csjs`
   .titleInfo {
     padding-left: 10px;
   }
-  .versionWarning {
+  .versionBadge {
     background-color: var(--light);
     padding: 0 7px;
     font-weight: bolder;
@@ -122,11 +122,11 @@ export class SidePanel extends AbstractPanel {
       name = profile.displayName ? profile.displayName : profile.name
       docLink = profile.documentation ? yo`<a href="${profile.documentation}" class="${css.titleInfo}" title="link to documentation" target="_blank"><i aria-hidden="true" class="fas fa-book"></i></a>` : ''
       if (profile.version && profile.version.match(/\b(\w*alpha\w*)\b/g)) {
-        versionWarning = yo`<small title="Version Alpha" class="${css.versionWarning}">alpha</small>`
+        versionWarning = yo`<small title="Version Alpha" class="badge-light ${css.versionBadge}">alpha</small>`
       }
       // Beta
       if (profile.version && profile.version.match(/\b(\w*beta\w*)\b/g)) {
-        versionWarning = yo`<small title="Version Beta" class="${css.versionWarning}">beta</small>`
+        versionWarning = yo`<small title="Version Beta" class="badge-light ${css.versionBadge}">beta</small>`
       }
     }