From 7f527a8627b0672c761e501a173206217d76676b Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn@googlemail.com>
Date: Mon, 17 Feb 2020 13:16:47 +0000
Subject: [PATCH] changed arrow to a circle

---
 src/components/app/ServerTemplate/ChannelTemplate.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/app/ServerTemplate/ChannelTemplate.vue b/src/components/app/ServerTemplate/ChannelTemplate.vue
index c5434f6..5183a7b 100644
--- a/src/components/app/ServerTemplate/ChannelTemplate.vue
+++ b/src/components/app/ServerTemplate/ChannelTemplate.vue
@@ -3,7 +3,7 @@
     class="channel"
     :class="{ selected: selectedChannelID === channelData.channelID }"
   >
-    <i class="material-icons">arrow_forward_ios</i>
+    <div class="dot" />
     <div class="channel-name">{{ channelData.name }}</div>
     <div
       class="notification"
@@ -63,8 +63,12 @@ export default {
   margin-right: 10px;
   border-radius: 4px;
 }
-.material-icons {
-  font-size: 11px;
+.dot {
+  height: 6px;
+  width: 6px;
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 50%;
+  margin-right: 5px;
 }
 .channel:hover {
   background: #00477d;