Fix delete buttons in forms

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>

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>

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>

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>

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>