From 24f3431900dc620dabcefe801bc7d404055c9ff2 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 20 Feb 2019 15:48:35 +0200
Subject: [PATCH] Removed all spaces around v-icon's text, because it causes
 alignment issues

---
 app/imports/ui/character/StatsTab.vue        |  4 +---
 app/imports/ui/components/ColorPicker.vue    |  8 ++------
 app/imports/ui/components/EffectEdit.vue     | 10 ++++------
 app/imports/ui/components/EffectListTile.vue |  4 +---
 app/imports/ui/components/LabeledFab.vue     |  4 +---
 app/imports/ui/components/SkillListTile.vue  |  4 +---
 app/imports/ui/dialogStack/DialogBase.vue    | 12 +++---------
 app/imports/ui/pages/Account.vue             | 12 +++---------
 app/imports/ui/pages/Home.vue                | 12 +++---------
 9 files changed, 19 insertions(+), 51 deletions(-)

diff --git a/app/imports/ui/character/StatsTab.vue b/app/imports/ui/character/StatsTab.vue
index 0c58779c..292bee20 100644
--- a/app/imports/ui/character/StatsTab.vue
+++ b/app/imports/ui/character/StatsTab.vue
@@ -94,9 +94,7 @@
 			@click="insertAttribute"
 			data-id="insert-attribute-fab"
 		>
-			<v-icon>
-				add
-			</v-icon>
+			<v-icon>add</v-icon>
 		</v-btn>
 
 	</div>
diff --git a/app/imports/ui/components/ColorPicker.vue b/app/imports/ui/components/ColorPicker.vue
index 0b6f65fa..43e104d4 100644
--- a/app/imports/ui/components/ColorPicker.vue
+++ b/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>
diff --git a/app/imports/ui/components/EffectEdit.vue b/app/imports/ui/components/EffectEdit.vue
index ec9c34f5..abf96597 100644
--- a/app/imports/ui/components/EffectEdit.vue
+++ b/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">
-						{{getEffectIcon(item.item.value, 1)}}
-					</v-icon>
+					<v-icon
+						class="icon mr-2"
+					>{{getEffectIcon(item.item.value, 1)}}</v-icon>
 					{{item.item.text}}
 				</template>
 			</smart-select>
diff --git a/app/imports/ui/components/EffectListTile.vue b/app/imports/ui/components/EffectListTile.vue
index 538e8b14..6db2cab0 100644
--- a/app/imports/ui/components/EffectListTile.vue
+++ b/app/imports/ui/components/EffectListTile.vue
@@ -8,9 +8,7 @@
 			} } : {}"
 	>
 		<v-layout row align-center class="net-effect">
-			<v-icon class="icon">
-				{{getEffectIcon(operation, result)}}
-			</v-icon>
+			<v-icon class="icon">{{getEffectIcon(operation, result)}}</v-icon>
 			<div class="value display-1  pr-2" v-if="showValue(operation)">
 				{{getValue(operation, result)}}
 			</div>
diff --git a/app/imports/ui/components/LabeledFab.vue b/app/imports/ui/components/LabeledFab.vue
index 4ec97905..74f0af80 100644
--- a/app/imports/ui/components/LabeledFab.vue
+++ b/app/imports/ui/components/LabeledFab.vue
@@ -1,8 +1,6 @@
 <template>
   <v-btn fab small @click="$emit('click')">
-    <v-icon>
-      {{icon}}
-    </v-icon>
+    <v-icon>{{icon}}</v-icon>
     <span id="label">
       {{label}}
     </span>
diff --git a/app/imports/ui/components/SkillListTile.vue b/app/imports/ui/components/SkillListTile.vue
index a0fee87e..96d3809a 100644
--- a/app/imports/ui/components/SkillListTile.vue
+++ b/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>
-  			{{icon}}
-  		</v-icon>
+  		<v-icon>{{icon}}</v-icon>
   	</v-list-tile-action>
 		<v-list-tile-content>
 			<v-list-tile-title>
diff --git a/app/imports/ui/dialogStack/DialogBase.vue b/app/imports/ui/dialogStack/DialogBase.vue
index 7141422c..c0ec5b57 100644
--- a/app/imports/ui/dialogStack/DialogBase.vue
+++ b/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>
-					arrow_back
-				</v-icon>
+				<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>
-						delete
-					</v-icon>
+					<v-icon>delete</v-icon>
 				</v-btn>
 				<v-btn icon flat @click="isEditing = !isEditing">
-					<v-icon>
-						{{isEditing ? 'check' : 'create'}}
-					</v-icon>
+					<v-icon>{{isEditing ? 'check' : 'create'}}</v-icon>
 				</v-btn>
 			</template>
     </v-toolbar>
diff --git a/app/imports/ui/pages/Account.vue b/app/imports/ui/pages/Account.vue
index b054f876..266b3aff 100644
--- a/app/imports/ui/pages/Account.vue
+++ b/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">
-                  assignment_turned_in
-                </v-icon>
+                <v-icon slot="activator">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>
-                    assignment_late
-                  </v-icon>
+                  <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>
-                    add
-                  </v-icon>
+                  <v-icon>add</v-icon>
                 </v-btn>
               </v-tooltip>
             </v-list-tile-action>
diff --git a/app/imports/ui/pages/Home.vue b/app/imports/ui/pages/Home.vue
index f19058b0..d2486fe7 100644
--- a/app/imports/ui/pages/Home.vue
+++ b/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">
-              money_off
-            </v-icon>
+            <v-icon x-large class="ma-2">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">
-              ballot
-            </v-icon>
+            <v-icon x-large class="ma-2">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">
-              scatter_plot
-            </v-icon>
+            <v-icon x-large class="ma-2">scatter_plot</v-icon>
             <h3 class="mb-2">
               Inventory manager
             </h3>