Removed all spaces around v-icon's text, because it causes alignment issues

app/imports/ui/character/StatsTab.vue

@@ -94,9 +94,7 @@
 			@click="insertAttribute"
 			data-id="insert-attribute-fab"
 		>
-			<v-icon>
+			<v-icon>add</v-icon>
-				add
-			</v-icon>
 		</v-btn>
 
 	</div>

app/imports/ui/components/ColorPicker.vue

@@ -30,9 +30,7 @@
 	                <v-icon
 	                  v-if="active"
 										:class="{dark: isDark(kebabColorOption, kebabShade)}"
-	                >
+	                >check</v-icon>
-	                  check
-	                </v-icon>
 	              </v-scroll-y-transition>
 	            </div>
 	          </v-item>
@@ -56,9 +54,7 @@
 	                <v-icon
 	                  v-if="active"
 										:class="{dark: isDark(kebabColor, kebabShadeOption)}"
-	                >
+	                >check</v-icon>
-	                  check
-	                </v-icon>
 	              </v-scroll-y-transition>
 	            </div>
 	          </v-item>

app/imports/ui/components/EffectEdit.vue

@@ -15,13 +15,11 @@
 					class="icon"
 					slot="prepend"
 					:class="iconClass"
-				>
+				>{{displayedIcon}}</v-icon>
-					{{displayedIcon}}
-				</v-icon>
 				<template slot="item" slot-scope="item">
-					<v-icon class="icon mr-2">
+					<v-icon
-						{{getEffectIcon(item.item.value, 1)}}
+						class="icon mr-2"
-					</v-icon>
+					>{{getEffectIcon(item.item.value, 1)}}</v-icon>
 					{{item.item.text}}
 				</template>
 			</smart-select>

app/imports/ui/components/EffectListTile.vue

@@ -8,9 +8,7 @@
 			} } : {}"
 	>
 		<v-layout row align-center class="net-effect">
-			<v-icon class="icon">
+			<v-icon class="icon">{{getEffectIcon(operation, result)}}</v-icon>
-				{{getEffectIcon(operation, result)}}
-			</v-icon>
 			<div class="value display-1  pr-2" v-if="showValue(operation)">
 				{{getValue(operation, result)}}
 			</div>

app/imports/ui/components/LabeledFab.vue

@@ -1,8 +1,6 @@
 <template>
   <v-btn fab small @click="$emit('click')">
-    <v-icon>
+    <v-icon>{{icon}}</v-icon>
-      {{icon}}
-    </v-icon>
     <span id="label">
       {{label}}
     </span>

app/imports/ui/components/SkillListTile.vue

@@ -1,9 +1,7 @@
 <template lang="html">
   <v-list-tile class="skill-list-tile" height="32px" v-on="hasClickListener ? {click} : {}">
   	<v-list-tile-action class="prof-icon">
-  		<v-icon>
+  		<v-icon>{{icon}}</v-icon>
-  			{{icon}}
-  		</v-icon>
   	</v-list-tile-action>
 		<v-list-tile-content>
 			<v-list-tile-title>

app/imports/ui/dialogStack/DialogBase.vue

@@ -2,22 +2,16 @@
 	<v-layout column style="height: 100%;">
     <v-toolbar :color="color || 'secondary'" dark class="base-dialog-toolbar" :flat="!offsetTop">
 			<v-btn icon flat @click="close">
-				<v-icon>
+				<v-icon>arrow_back</v-icon>
-					arrow_back
-				</v-icon>
 			</v-btn>
       <slot name="toolbar"></slot>
 			<template v-if="$slots.edit">
 				<v-spacer/>
 				<v-btn icon flat @click="() => $emit('delete')" v-if="isEditing">
-					<v-icon>
+					<v-icon>delete</v-icon>
-						delete
-					</v-icon>
 				</v-btn>
 				<v-btn icon flat @click="isEditing = !isEditing">
-					<v-icon>
+					<v-icon>{{isEditing ? 'check' : 'create'}}</v-icon>
-						{{isEditing ? 'check' : 'create'}}
-					</v-icon>
 				</v-btn>
 			</template>
     </v-toolbar>

app/imports/ui/pages/Account.vue

@@ -32,9 +32,7 @@
             <v-list-tile-action>
               <v-tooltip left v-if="email.verified">
                 <span>Verified</span>
-                <v-icon slot="activator">
+                <v-icon slot="activator">assignment_turned_in</v-icon>
-                  assignment_turned_in
-                </v-icon>
               </v-tooltip>
               <v-tooltip left v-else="email.verified">
                 <span>Verify Account</span>
@@ -44,9 +42,7 @@
                   slot="activator"
                   @click="verifyEmail(email.address)"
                 >
-                  <v-icon>
+                  <v-icon>assignment_late</v-icon>
-                    assignment_late
-                  </v-icon>
                 </v-btn>
               </v-tooltip>
             </v-list-tile-action>
@@ -56,9 +52,7 @@
               <v-tooltip right>
                 <span>Add email address</span>
                 <v-btn flat icon slot="activator">
-                  <v-icon>
+                  <v-icon>add</v-icon>
-                    add
-                  </v-icon>
                 </v-btn>
               </v-tooltip>
             </v-list-tile-action>

app/imports/ui/pages/Home.vue

@@ -19,9 +19,7 @@
       <section class="text-xs-center">
         <v-layout row wrap justify-space-around class="selling-points">
           <v-layout column align-center>
-            <v-icon x-large class="ma-2">
+            <v-icon x-large class="ma-2">money_off</v-icon>
-              money_off
-            </v-icon>
             <h3 class="mb-2">
               Free, open source, community funded
             </h3>
@@ -31,9 +29,7 @@
             </p>
           </v-layout>
           <v-layout column align-center>
-            <v-icon x-large class="ma-2">
+            <v-icon x-large class="ma-2">ballot</v-icon>
-              ballot
-            </v-icon>
             <h3 class="mb-2">
               Character sheets optimised for one ruleset
             </h3>
@@ -43,9 +39,7 @@
             </p>
           </v-layout>
           <v-layout column align-center>
-            <v-icon x-large class="ma-2">
+            <v-icon x-large class="ma-2">scatter_plot</v-icon>
-              scatter_plot
-            </v-icon>
             <h3 class="mb-2">
               Inventory manager
             </h3>