From df819117e92f830205858366413459d0d2ff2086 Mon Sep 17 00:00:00 2001
From: Nikos Kapraras <nikos@kapraran.dev>
Date: Mon, 2 May 2022 23:02:05 +0200
Subject: [PATCH] Update tag design

---
 app/components/ServerEntry.js    |  3 ---
 assets/scss/_server-browser.scss | 11 ++++++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/components/ServerEntry.js b/app/components/ServerEntry.js
index 72e4bdf..15f0beb 100644
--- a/app/components/ServerEntry.js
+++ b/app/components/ServerEntry.js
@@ -235,7 +235,6 @@ class ServerEntry extends Component
                 continue;
 
             tags.push(<strong key={tag}>{tag}</strong>);
-            tags.push(<span key={tag + 's'}>, </span>);
         }
 
         let serverInfo = [];
@@ -243,8 +242,6 @@ class ServerEntry extends Component
 
         if (tags.length > 0)
         {
-            tags.splice(tags.length - 1, 1);
-
             serverInfo.push(
                 <h3 key="tags" className="tags"><i className="material-icons">local_offer</i>{tags}</h3>
             );
diff --git a/assets/scss/_server-browser.scss b/assets/scss/_server-browser.scss
index 4beee11..d43e89e 100644
--- a/assets/scss/_server-browser.scss
+++ b/assets/scss/_server-browser.scss
@@ -234,7 +234,16 @@
                 }
 
                 strong {
-                    color: #61d2ff;
+                    line-height: 1.6vh;
+                    height: 1.6vh;
+                    font-size: 1.4vh;
+                    display: inline-block;
+                    padding: 0.25vh 0.6vh 0.25vh;
+                    border-radius: 0.4vh;
+                    color: #fff;
+                    background-color: rgba(97, 210, 255, 0.4);
+                    margin-right: 0.5555555555555556vh; // 6px
+                    text-shadow: none;
                 }
 
                 span {