From fa398514397086b147838c1acec49e96f476ebaa Mon Sep 17 00:00:00 2001
From: Dragory <2606411+Dragory@users.noreply.github.com>
Date: Thu, 10 Oct 2019 23:15:03 +0300
Subject: [PATCH] Fix alert icon in docs. Misc tweaks.

---
 .../src/components/dashboard/GuildList.vue    | 22 +------------------
 dashboard/src/components/dashboard/Layout.vue |  2 +-
 dashboard/src/components/docs/DocsLayout.vue  |  4 +++-
 3 files changed, 5 insertions(+), 23 deletions(-)

diff --git a/dashboard/src/components/dashboard/GuildList.vue b/dashboard/src/components/dashboard/GuildList.vue
index 17e6f8fe..7b75bf6a 100644
--- a/dashboard/src/components/dashboard/GuildList.vue
+++ b/dashboard/src/components/dashboard/GuildList.vue
@@ -8,7 +8,7 @@
       <li v-for="guild in guilds" class="flex-none m-4 w-full md:w-1/2 lg:w-1/3 xl:w-1/4">
         <div class="flex items-center">
           <div class="flex-none">
-            <img v-if="guild.icon" class="guild-logo" :src="guild.icon" :alt="'Logo for guild ' + guild.name">
+            <img v-if="guild.icon" class="rounded-full w-12" :src="guild.icon" :alt="'Logo for guild ' + guild.name">
           </div>
           <div class="flex-auto ml-3">
             <div>
@@ -27,26 +27,6 @@
 	</div>
 </template>
 
-<style scoped>
-  .table td {
-    vertical-align: middle;
-  }
-
-  .guild-logo {
-    display: block;
-    width: 42px;
-    border-radius: 50%;
-  }
-
-  .guild-name {
-    font-weight: 600;
-  }
-
-  .guild-id {
-    color: hsla(220, 100%, 95%, 0.6);
-  }
-</style>
-
 <script>
   import {mapState} from "vuex";
 
diff --git a/dashboard/src/components/dashboard/Layout.vue b/dashboard/src/components/dashboard/Layout.vue
index 2826bf9f..f450305e 100644
--- a/dashboard/src/components/dashboard/Layout.vue
+++ b/dashboard/src/components/dashboard/Layout.vue
@@ -10,7 +10,7 @@
 
         <ul class="dashboard-nav list-none flex ml-8">
           <router-link class="flex-auto mr-4" to="/dashboard">Guilds</router-link>
-          <a href="javascript:void(0)" class="navbar-item" v-on:click="logout()">Log out</a>
+          <a href="javascript:void(0)" class="navbar-item hover:text-red-400" v-on:click="logout()">Log out</a>
         </ul>
       </div>
 
diff --git a/dashboard/src/components/docs/DocsLayout.vue b/dashboard/src/components/docs/DocsLayout.vue
index 9dd78d1e..e1781d1d 100644
--- a/dashboard/src/components/docs/DocsLayout.vue
+++ b/dashboard/src/components/docs/DocsLayout.vue
@@ -21,7 +21,7 @@
 
     <!-- WIP bar -->
     <div class="mt-6 px-3 py-2 rounded bg-gray-800 shadow-md">
-      <i class="mdi mdi-alert mr-1" title="Note"></i>
+      <alert class="mr-1 text-yellow-300" />
       This documentation is a work in progress.
     </div>
 
@@ -50,6 +50,7 @@
 <script lang="ts">
   import Vue from "vue";
   import {mapState} from "vuex";
+  import Alert from 'vue-material-design-icons/Alert.vue';
 
   type TMenuItem = {
     to: string;
@@ -110,6 +111,7 @@
   ];
 
   export default {
+    components: { Alert },
     async mounted() {
       await this.$store.dispatch("docs/loadAllPlugins");
     },