From ca95c785422fbc8a88cbaceee14eb0de961e6127 Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn123@googlemail.com>
Date: Fri, 6 Sep 2019 19:33:21 +0100
Subject: [PATCH] added server member count

---
 .../app/Tabs/Explore/serverTemplate.vue       | 30 ++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/app/Tabs/Explore/serverTemplate.vue b/src/components/app/Tabs/Explore/serverTemplate.vue
index 5c062cd..67ecf85 100644
--- a/src/components/app/Tabs/Explore/serverTemplate.vue
+++ b/src/components/app/Tabs/Explore/serverTemplate.vue
@@ -10,7 +10,8 @@
     <div class="bottom">
       <div class="description">{{server.description}}</div>
       <div class="buttons">
-        <div class="verified" v-if="server.verified">Verified<div class="material-icons">check</div></div>
+        <div class="member-count"><div class="material-icons">account_box</div>{{server.total_members}}</div>
+        <div class="verified" v-if="server.verified"><div class="material-icons">check</div></div>
         <div class="button" :class="{selected: joined}" @click="joinButton">
           <span v-if="joined">Joined</span>
           <spinner v-else-if="joinClicked" :size="30"/>
@@ -121,22 +122,27 @@ export default {
         .buttons {
           display: flex;
           width: 100%;
-          justify-content: flex-end;
+          flex-direction: row;
         }
         .verified {
           display: flex;
-          width: 100%;
-          margin-left: 10px;
-          align-content: center;
-          align-items: center;
-          align-self: center;
-          margin-bottom: 5px;
+          margin: auto;
+          margin-right: 10px;
+          margin-bottom: 14px;
+          flex-shrink: 0;
           .material-icons {
-            margin-left: 5px;
-            margin-bottom: 5px;
             color: #66e0ff;
           }
         }
+        .member-count {
+          display: flex;
+          align-items: center;
+          align-content: center;
+          margin-left: 10px;
+          margin-top: 0px;
+          width: 100%;
+          .material-icons { margin-right: 5px;}
+        }
         .button {
 					display: flex;
 					align-content: center;
@@ -148,8 +154,10 @@ export default {
           border-radius: 5px;
           align-self: flex-end;
           flex-shrink: 0;
-          margin-bottom: 10px;
+          margin: auto;
           margin-right: 10px;
+          margin-left: 0;
+          margin-bottom: 10px;
           padding: 7px;
           transition: 0.3s;
 					width: 80px;