fix(AdminSettings): make all button visually interactive

- replace tertiary-no-background with tertiary Signed-off-by: Grigorii K. Shartsev <[email protected]>
nextcloud · Jul 29, 2024 · c413a8b · c413a8b
1 parent 361a3fa
commit c413a8b
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/src/components/AdminSettings/RecordingServer.vue b/src/components/AdminSettings/RecordingServer.vue
@@ -22,7 +22,7 @@
 		</NcCheckboxRadioSwitch>
 
 		<NcButton v-show="!loading"
-			type="tertiary-no-background"
+			type="tertiary"
 			:aria-label="t('spreed', 'Delete this server')"
 			@click="removeServer">
 			<template #icon>

diff --git a/src/components/AdminSettings/SignalingServer.vue b/src/components/AdminSettings/SignalingServer.vue
@@ -21,7 +21,7 @@
 		</NcCheckboxRadioSwitch>
 
 		<NcButton v-show="!loading"
-			type="tertiary-no-background"
+			type="tertiary"
 			:aria-label="t('spreed', 'Delete this server')"
 			@click="removeServer">
 			<template #icon>

diff --git a/src/components/AdminSettings/StunServer.vue b/src/components/AdminSettings/StunServer.vue
@@ -27,7 +27,7 @@
 			fill-color="#E9322D" />
 
 		<NcButton v-show="!loading"
-			type="tertiary-no-background"
+			type="tertiary"
 			:aria-label="t('spreed', 'Delete this server')"
 			@click="removeServer">
 			<template #icon>
@@ -111,6 +111,7 @@ export default {
 	display: flex;
 	align-items: center;
 	margin-bottom: calc(var(--default-grid-baseline) * 2);
+	gap: var(--default-grid-baseline);
 
 	&__wrapper {
 		display: flex;

diff --git a/src/components/AdminSettings/TurnServer.vue b/src/components/AdminSettings/TurnServer.vue
@@ -53,7 +53,7 @@
 			@input="updateProtocols" />
 
 		<NcButton v-show="!loading"
-			type="tertiary-no-background"
+			type="tertiary"
 			:aria-label="testResult"
 			@click="testServer">
 			<template #icon>
@@ -64,7 +64,7 @@
 			</template>
 		</NcButton>
 		<NcButton v-show="!loading"
-			type="tertiary-no-background"
+			type="tertiary"
 			:aria-label="t('spreed', 'Delete this server')"
 			@click="removeServer">
 			<template #icon>