add material icons. Maybe just use the font instead? Maybe

client/src/modules/ui/vue/components/bd/PluginsView.vue

@@ -5,7 +5,8 @@
     /*Imports*/
     import { SettingsWrapper } from './';
     import PluginCard from './PluginCard.vue';
-    const components = { SettingsWrapper, PluginCard };
+    import Refresh from 'vue-material-design-icons/Refresh.vue';
+    const components = { SettingsWrapper, PluginCard, Refresh };
 
     /*Variables*/
 
@@ -53,8 +54,45 @@
         justify-content: center;
     }
 
-        .bd-spinner-container .bd-spinner-2 {
-            width: 200px;
-            height: 200px;
-        }
+    .bd-spinner-container .bd-spinner-2 {
+        width: 200px;
+        height: 200px;
+     }
+
+    .bd-pluginsView .bd-button {
+        display: flex;
+    }
+
+    .bd-pluginsView .bd-button h3 {
+        flex-grow: 1;
+    } 
+    
+    .bd-pluginsView .bd-button .material-design-icon {
+        display: flex;
+        align-items: center;
+        fill: #FFF;
+    }
+
+    .bd-material-button {
+        border-radius: 3px;
+        display: flex;
+        align-items: center;
+        align-content: center;
+        justify-content: center;
+        width: 30px;
+        height: 30px;
+    }
+
+    .bd-pluginsView .bd-button {
+        border-bottom: 2px solid #2b2d31;
+        align-items: center;
+    }
+
+    .bd-material-button > span {
+        display: flex;
+    }
+
+    .bd-material-button:hover {
+        background: #2d2f34;
+    }
 </style>

client/src/modules/ui/vue/components/bd/templates/PluginsView.html

@@ -3,10 +3,15 @@
         <div class="bd-flex">
             <div class="bd-flex-grow bd-button" :class="{'bd-active': local}" @click="showLocal">
                 <h3>Local</h3>
-                <div @click="refreshLocalPlugins()">Refresh</div>
+                <div class="bd-material-button" @click="refreshLocalPlugins">
+                    <refresh />
+                </div>
             </div>
             <div class="bd-flex-grow bd-button" :class="{'bd-active': !local}" @click="showOnline">
                 <h3>Online</h3>
+                <div class="bd-material-button">
+                    <refresh/>
+                </div>
             </div>
         </div>
         <div v-if="local" class="bd-flex bd-flex-grow bd-flex-col bd-plugins-container bd-local-plugins">

client/webpack.config.js

@@ -13,7 +13,6 @@ const jsLoader = {
 
 const vueLoader = {
     test: /\.(vue)$/,
-    exclude: /node_modules/,
     loader: 'vue-loader'
 }
 

package.json

@@ -36,7 +36,9 @@
     "gulp-plumber": "^1.2.0",
     "gulp-watch": "^5.0.0",
     "codemirror": "^5.23.0",
-    "vue-codemirror": "^4.0.3"
+    "vue-codemirror": "^4.0.3",
+    "vue-material-design-icons": "^1.0.0"
+
   },
   "scripts": {
     "build": "cd ./client && npm run build && cd ../core && npm run build && cd ../csseditor && npm run build",