Удаление паттернов, размер шрифта

src/App.vue

@@ -114,6 +114,7 @@
 		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
 		-webkit-font-smoothing: antialiased;
 		-moz-osx-font-smoothing: grayscale;
+		font-size: .875rem;
 	}
 
 	body {

src/components/PatternsDropdown.vue

@@ -15,6 +15,12 @@
 			<template v-if="pattern.type === 'BOTH'">anywhere</template>
 			<template v-else-if="pattern.type === 'INPUT'">in request</template>
 			<template v-else>in response</template>
+			<div class="float-right" style="margin-left: 2em;">
+				<button type="button" class="btn btn-outline-danger btn-block btn-sm"
+						@click.stop.prevent="deletePattern(pattern.id)">
+					<i class="far fa-trash-alt"/>
+				</button>
+			</div>
 		</b-dropdown-item-button>
 	</b-dropdown>
 </template>
@@ -52,6 +58,21 @@
 					query: {pattern: patternId,},
 				});
 			},
+			deletePattern(patternId) {
+				console.debug('Deleting pattern w/ id', patternId);
+				this.$http.delete(`pattern/${patternId}`)
+					.then(response => {
+						const data = response.data;
+						console.debug('Done deleting pattern', data);
+						this.$emit('patternAddComplete');
+					}).catch(e => {
+					this.$bvToast.toast(`Не удалось удалить паттерн: ${e}`, {
+						title: 'Сбой',
+						variant: 'danger',
+					});
+					console.error('Failed to delete pattern', e);
+				});
+			},
 		},
 	};
 </script>