From 7bc0c2b0c41eb5b4d72a7f9c0d93eeaea25fbc81 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sat, 10 Dec 2022 20:42:48 +0100
Subject: [PATCH] remove ButtonAndDropdown

---
 .../lib/components/ButtonAndDropdown.svelte   | 29 -------------------
 .../components/common/table/ScriptRow.svelte  | 19 +++++++-----
 2 files changed, 11 insertions(+), 37 deletions(-)
 delete mode 100644 frontend/src/lib/components/ButtonAndDropdown.svelte

diff --git a/frontend/src/lib/components/ButtonAndDropdown.svelte b/frontend/src/lib/components/ButtonAndDropdown.svelte
deleted file mode 100644
index efb7a88129..0000000000
--- a/frontend/src/lib/components/ButtonAndDropdown.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { faSortDown } from '@fortawesome/free-solid-svg-icons'
-	import type { DropdownItem } from '$lib/utils'
-	import { createEventDispatcher } from 'svelte'
-	import Icon from 'svelte-awesome'
-	import Dropdown from './Dropdown.svelte'
-
-	export let dropdownItems: DropdownItem[] = []
-
-	const dispatch = createEventDispatcher()
-</script>
-
-<div class="bg-blue-500 rounded-sm {$$props.class} inline-block py-0 my-0 ">
-	<button
-		class="inline pl-2 text-white text-sm py-0 my-0"
-		on:click={() => {
-			dispatch('clickMain')
-		}}><slot name="name">Add script</slot></button
-	>
-	<Dropdown
-		{dropdownItems}
-		class="border-l border-gray-300 px-2 inline-block py-0 my-0"
-		on:click={() => dispatch('clickDropdown')}
-	>
-		<div class="py-0 my-0">
-			<Icon class="text-white align-top py-0 my-0" data={faSortDown} />
-		</div>
-	</Dropdown>
-</div>
diff --git a/frontend/src/lib/components/common/table/ScriptRow.svelte b/frontend/src/lib/components/common/table/ScriptRow.svelte
index cd8307860d..e4b50415aa 100644
--- a/frontend/src/lib/components/common/table/ScriptRow.svelte
+++ b/frontend/src/lib/components/common/table/ScriptRow.svelte
@@ -59,16 +59,19 @@
 	on:change
 >
 	<svelte:fragment slot="badges">
-		<SharedBadge {canWrite} extraPerms={extra_perms} />
-		{#if lock_error_logs}
-			<Badge color="red" baseClass="border border-red-200">Deployment failed</Badge>
-		{/if}
-		{#if kind !== 'script'}
-			<Badge color="gray" baseClass="border">{capitalize(kind)}</Badge>
-		{/if}
+		<span class="hidden md:block">
+			<SharedBadge {canWrite} extraPerms={extra_perms} />
+			{#if lock_error_logs}
+				<Badge color="red" baseClass="border border-red-200">Deployment failed</Badge>
+			{/if}
+			{#if kind !== 'script'}
+				<Badge color="gray" baseClass="border">{capitalize(kind)}</Badge>
+			{/if}
 
-		<LanguageBadge {language} />
+			<LanguageBadge {language} />
+		</span>
 	</svelte:fragment>
+
 	<svelte:fragment slot="actions">
 		<Dropdown
 			dropdownItems={[