Improved select menus

app/imports/ui/components/AttributeEdit.vue

@@ -26,8 +26,10 @@
 		<v-select
 			label="Type"
 			color="accent"
+			append-icon="arrow_drop_down"
 			:items="attributeTypes"
 			:value="attribute.type"
+			:menu-props="{auto: true, lazy: true}"
 			@change="type => $emit('change', {type})"
 		/>
 		<v-switch
@@ -38,8 +40,10 @@
 		<v-select
 			label="Reset"
 			color="accent"
+			append-icon="arrow_drop_down"
 			:items="resetOptions"
 			:value="attribute.reset"
+			:menu-props="{auto: true, lazy: true}"
 			@change="reset => $emit('change', {reset})"
 		/>
 		<v-text-field

app/imports/ui/components/EffectEdit.vue

@@ -6,6 +6,7 @@
 			<v-select
 				label="Operation"
 				append-icon="arrow_drop_down"
+				:menu-props="{transition: 'slide-y-transition', lazy: true}"
 				:items="operations"
 				:value="this.effect.operation"
 				@change="operation => $emit('change', {operation})"
@@ -45,6 +46,7 @@
 				append-icon="arrow_drop_down"
 				item-text="name"
 				item-value="variableName"
+				:menu-props="{transition: 'slide-y-transition', lazy: true}"
 				:value="effect.stat"
 				:items="stats"
 				@change="stat => $emit('change', {stat})"