From 36c97ad804c62787036e2a03e150462c8c464db7 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Fri, 19 Feb 2021 20:51:55 +0100
Subject: [PATCH] Updated styles in tags section to make it more dark-theme
 friendly

---
 src/tags/TagCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/tags/TagCard.tsx b/src/tags/TagCard.tsx
index d7359b25..b72bca0e 100644
--- a/src/tags/TagCard.tsx
+++ b/src/tags/TagCard.tsx
@@ -35,10 +35,10 @@ const TagCard = (
   return (
     <Card className="tag-card">
       <CardHeader className="tag-card__header">
-        <Button color="light" size="sm" className="tag-card__btn tag-card__btn--last" onClick={toggleDelete}>
+        <Button color="link" size="sm" className="tag-card__btn tag-card__btn--last" onClick={toggleDelete}>
           <FontAwesomeIcon icon={deleteIcon} />
         </Button>
-        <Button color="light" size="sm" className="tag-card__btn" onClick={toggleEdit}>
+        <Button color="link" size="sm" className="tag-card__btn" onClick={toggleEdit}>
           <FontAwesomeIcon icon={editIcon} />
         </Button>
         <h5 className="tag-card__tag-title text-ellipsis">
@@ -57,14 +57,14 @@ const TagCard = (
           <CardBody className="tag-card__body">
             <Link
               to={shortUrlsLink}
-              className="btn btn-light btn-block d-flex justify-content-between align-items-center mb-1"
+              className="btn btn-outline-secondary btn-block d-flex justify-content-between align-items-center mb-1"
             >
               <span className="text-ellipsis"><FontAwesomeIcon icon={faLink} className="mr-2" />Short URLs</span>
               <b>{prettify(tagStats.shortUrlsCount)}</b>
             </Link>
             <Link
               to={`/server/${serverId}/tag/${tag}/visits`}
-              className="btn btn-light btn-block d-flex justify-content-between align-items-center"
+              className="btn btn-outline-secondary btn-block d-flex justify-content-between align-items-center"
             >
               <span className="text-ellipsis"><FontAwesomeIcon icon={faEye} className="mr-2" />Visits</span>
               <b>{prettify(tagStats.visitsCount)}</b>