From 8d8c30d1023d55df14ae89cbb8640fa6d64b87f7 Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn@googlemail.com>
Date: Fri, 6 Sep 2019 20:28:37 +0100
Subject: [PATCH] moved verification tick next to the name

---
 .../app/Tabs/Explore/serverTemplate.vue       | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/components/app/Tabs/Explore/serverTemplate.vue b/src/components/app/Tabs/Explore/serverTemplate.vue
index 67ecf85..8b98473 100644
--- a/src/components/app/Tabs/Explore/serverTemplate.vue
+++ b/src/components/app/Tabs/Explore/serverTemplate.vue
@@ -5,13 +5,17 @@
         size="90px"
         :url="`${avatarDomain}/${server.server.avatar}`"
       />
-      <div class="name">{{server.server.name}}</div>
+      <div class="name">
+        <div class="name-container">
+          <span class="inner-name">{{server.server.name}}</span> 
+          <span class="material-icons"  v-if="server.verified">check</span>
+       </div>
+      </div>
     </div>
     <div class="bottom">
       <div class="description">{{server.description}}</div>
       <div class="buttons">
         <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"/>
@@ -99,6 +103,20 @@ export default {
           text-overflow: ellipsis;
           width: 100%;
           text-align: center;
+          display: flex;
+          .name-container {
+            display: flex;
+            margin: auto;
+          }
+          .inner-name {
+            max-width: 200px;
+            overflow: hidden;
+            text-overflow: ellipsis
+          }
+          .material-icons {
+            color: #66e0ff;
+            margin-left: 5px;
+          }
         }
       }
       .bottom {
@@ -124,16 +142,6 @@ export default {
           width: 100%;
           flex-direction: row;
         }
-        .verified {
-          display: flex;
-          margin: auto;
-          margin-right: 10px;
-          margin-bottom: 14px;
-          flex-shrink: 0;
-          .material-icons {
-            color: #66e0ff;
-          }
-        }
         .member-count {
           display: flex;
           align-items: center;