From 3f81f2837a12fb848c8886c8c0b66015384df694 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 16 Jan 2021 22:46:02 +0100
Subject: [PATCH] Fix delete buttons in forms

---
 src/components/sharing/userTeam.vue    |  2 +-
 src/views/filters/EditSavedFilter.vue  | 20 ++++++++++++--------
 src/views/list/EditList.vue            | 20 ++++++++++++--------
 src/views/namespaces/EditNamespace.vue | 20 ++++++++++++--------
 src/views/teams/EditTeam.vue           | 23 ++++++++++++++---------
 5 files changed, 51 insertions(+), 34 deletions(-)

diff --git a/src/components/sharing/userTeam.vue b/src/components/sharing/userTeam.vue
index fbd9dfa9..4f31cc7a 100644
--- a/src/components/sharing/userTeam.vue
+++ b/src/components/sharing/userTeam.vue
@@ -74,7 +74,7 @@
 					</div>
 					<button @click="() => {sharable = s; showDeleteModal = true}"
 							class="button is-danger icon-only">
-							<span class="icon is-small">
+							<span class="icon">
 								<icon icon="trash-alt"/>
 							</span>
 					</button>
diff --git a/src/views/filters/EditSavedFilter.vue b/src/views/filters/EditSavedFilter.vue
index 49fa9ba7..93d29a8c 100644
--- a/src/views/filters/EditSavedFilter.vue
+++ b/src/views/filters/EditSavedFilter.vue
@@ -50,17 +50,21 @@
 						</div>
 					</form>
 
-					<div class="columns bigbuttons">
-						<div class="column">
-							<button :class="{ 'is-loading': filterService.loading}" @click="save()"
-									class="button is-primary is-fullwidth">
+					<div class="field has-addons mt-4">
+						<div class="control is-fullwidth">
+							<button
+								@click="save()"
+								:class="{ 'is-loading': filterService.loading}"
+								class="button is-primary is-fullwidth">
 								Save
 							</button>
 						</div>
-						<div class="column is-1">
-							<button :class="{ 'is-loading': filterService.loading}" @click="showDeleteModal = true"
-									class="button is-danger is-fullwidth">
-								<span class="icon is-small">
+						<div class="control">
+							<button
+								@click="showDeleteModal = true"
+								:class="{ 'is-loading': filterService.loading}"
+								class="button is-danger">
+								<span class="icon">
 									<icon icon="trash-alt"/>
 								</span>
 							</button>
diff --git a/src/views/list/EditList.vue b/src/views/list/EditList.vue
index 22b30cab..c661f399 100644
--- a/src/views/list/EditList.vue
+++ b/src/views/list/EditList.vue
@@ -79,17 +79,21 @@
 						</div>
 					</form>
 
-					<div class="columns bigbuttons">
-						<div class="column">
-							<button :class="{ 'is-loading': listService.loading}" @click="submit()"
-									class="button is-primary is-fullwidth">
+					<div class="field has-addons mt-4">
+						<div class="control is-fullwidth">
+							<button
+								@click="submit()"
+								:class="{ 'is-loading': listService.loading}"
+								class="button is-primary is-fullwidth">
 								Save
 							</button>
 						</div>
-						<div class="column is-1">
-							<button :class="{ 'is-loading': listService.loading}" @click="showDeleteModal = true"
-									class="button is-danger is-fullwidth">
-								<span class="icon is-small">
+						<div class="control">
+							<button
+								@click="showDeleteModal = true"
+								:class="{ 'is-loading': listService.loading}"
+								class="button is-danger">
+								<span class="icon">
 									<icon icon="trash-alt"/>
 								</span>
 							</button>
diff --git a/src/views/namespaces/EditNamespace.vue b/src/views/namespaces/EditNamespace.vue
index 8f7c9d9e..e5182095 100644
--- a/src/views/namespaces/EditNamespace.vue
+++ b/src/views/namespaces/EditNamespace.vue
@@ -59,17 +59,21 @@
 						</div>
 					</form>
 
-					<div class="columns bigbuttons">
-						<div class="column">
-							<button :class="{ 'is-loading': namespaceService.loading}" @click="submit()"
-									class="button is-primary is-fullwidth">
+					<div class="field has-addons mt-4">
+						<div class="control is-fullwidth">
+							<button
+								@click="submit()"
+								:class="{ 'is-loading': namespaceService.loading}"
+								class="button is-primary is-fullwidth">
 								Save
 							</button>
 						</div>
-						<div class="column is-1">
-							<button :class="{ 'is-loading': namespaceService.loading}" @click="showDeleteModal = true"
-									class="button is-danger is-fullwidth">
-								<span class="icon is-small">
+						<div class="control">
+							<button
+								@click="showDeleteModal = true"
+								:class="{ 'is-loading': namespaceService.loading}"
+								class="button is-danger">
+								<span class="icon">
 									<icon icon="trash-alt"/>
 								</span>
 							</button>
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 3d088d99..2cf69e16 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -41,17 +41,21 @@
 						</div>
 					</form>
 
-					<div class="columns bigbuttons">
-						<div class="column">
-							<button :class="{ 'is-loading': teamService.loading}" @click="save()"
-									class="button is-primary is-fullwidth">
+					<div class="field has-addons mt-4">
+						<div class="control is-fullwidth">
+							<button
+								@click="save()"
+								:class="{ 'is-loading': teamService.loading}"
+								class="button is-primary is-fullwidth">
 								Save
 							</button>
 						</div>
-						<div class="column is-1">
-							<button :class="{ 'is-loading': teamService.loading}" @click="showDeleteModal = true"
-									class="button is-danger is-fullwidth">
-								<span class="icon is-small">
+						<div class="control">
+							<button
+								@click="showDeleteModal = true"
+								:class="{ 'is-loading': teamService.loading}"
+								class="button is-danger">
+								<span class="icon">
 									<icon icon="trash-alt"/>
 								</span>
 							</button>
@@ -60,6 +64,7 @@
 				</div>
 			</div>
 		</div>
+
 		<div class="card is-fullwidth has-overflow">
 			<header class="card-header">
 				<p class="card-header-title">
@@ -121,7 +126,7 @@
 							@click="() => {member = m; showUserDeleteModal = true}"
 							class="button is-danger"
 							v-if="m.id !== userInfo.id">
-							<span class="icon is-small">
+							<span class="icon">
 								<icon icon="trash-alt"/>
 							</span>
 						</button>