From 7efc09d73c540323646c7d52225a1c395aaea3e3 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sat, 11 Aug 2018 18:27:51 +0200
Subject: [PATCH] Improved badge color

---
 src/index.scss                   | 5 +++++
 src/short-urls/ShortUrlVisits.js | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/index.scss b/src/index.scss
index cb686abc..34331b19 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -26,3 +26,8 @@
     padding: 30px 30px 30px 20px;
   }
 }
+
+.badge-main {
+  color: #fff;
+  background-color: $mainColor;
+}
diff --git a/src/short-urls/ShortUrlVisits.js b/src/short-urls/ShortUrlVisits.js
index 543714ce..99e241d8 100644
--- a/src/short-urls/ShortUrlVisits.js
+++ b/src/short-urls/ShortUrlVisits.js
@@ -123,7 +123,7 @@ export class ShortUrlsVisits extends React.Component {
               <h2>
                 {
                   shortUrl.visitsCount &&
-                  <span className="badge badge-primary float-right">Visits: {shortUrl.visitsCount}</span>
+                  <span className="badge badge-main float-right">Visits: {shortUrl.visitsCount}</span>
                 }
                 Visit stats for <a target="_blank" href={shortLink}>{shortLink}</a>
               </h2>