diff --git a/src/Pages/MyShows.vue b/src/Pages/MyShows.vue
index 8eee9d4aec6485b10643df80fd6c081ac4676c70..f6ce4d2c09ed2decf6314dedaffcc09c3539ad58 100644
--- a/src/Pages/MyShows.vue
+++ b/src/Pages/MyShows.vue
@@ -37,10 +37,7 @@
</template>
</FormGroup>
- <button
- class="btn btn-default tw-flex tw-items-center tw-gap-2"
- @click="orderFilterDialog.open()"
- >
+ <button class="btn btn-default" @click="orderFilterDialog.open()">
<icon-system-uicons-sort />
{{ t('myShows.sortShows') }}
</button>
@@ -66,7 +63,11 @@
]"
/>
<template #footer="{ close }">
- <button type="button" class="btn btn-default tw-min-w-[100px]" @click="close">
+ <button
+ type="button"
+ class="btn btn-default tw-justify-center tw-min-w-[100px]"
+ @click="close"
+ >
{{ t('ok') }}
</button>
</template>
diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css
index 30c554842f5a95a8534b8069236b274453d3b4cd..783079303b54a9edd2c5cd9da43a1e9db6052f58 100644
--- a/src/assets/styles/tailwind.css
+++ b/src/assets/styles/tailwind.css
@@ -113,6 +113,10 @@ thead .fc-day-selected:hover {
}
@layer components {
+ .btn {
+ @apply tw-inline-flex tw-gap-1 tw-items-center;
+ }
+
[data-headlessui-state='open'] {
position: relative;
}
diff --git a/src/components/OrderFilter.vue b/src/components/OrderFilter.vue
index 7c235ad97c9dfe95af099c94446e5867e0bbd8e9..e27b9849de7f65b3cb27dfc17f3c236d2ebeb13d 100644
--- a/src/components/OrderFilter.vue
+++ b/src/components/OrderFilter.vue
@@ -19,7 +19,7 @@
<icon-system-uicons-drag-vertical />
</button>
<label
- class="btn tw-my-0 -tw-ml-3 tw-mr-6 tw-whitespace-nowrap tw-flex tw-gap-3 hocus:tw-bg-gray-100"
+ class="btn tw-my-0 -tw-ml-3 tw-mr-6 tw-whitespace-nowrap tw-gap-3 hocus:tw-bg-gray-100"
>
<input
type="checkbox"
diff --git a/src/components/generic/ADialog.vue b/src/components/generic/ADialog.vue
index db27fa5fc29fd81c2ffe2323f0e834fcc4f89e0b..d0bf1d84c8b8499143e6eb48e72a9057653e0632 100644
--- a/src/components/generic/ADialog.vue
+++ b/src/components/generic/ADialog.vue
@@ -15,7 +15,7 @@
</div>
<button
type="button"
- class="btn btn-default tw-w-8 tw-h-8 tw-ml-auto tw-p-0 tw-flex tw-items-center tw-justify-center tw-rounded-full"
+ class="btn btn-default tw-w-8 tw-h-8 tw-ml-auto tw-p-0 tw-justify-center tw-rounded-full"
tabindex="-1"
@click="close"
>
diff --git a/src/components/generic/RadioGroup.vue b/src/components/generic/RadioGroup.vue
index 1c8bb1f1978ded41d89ff9e432ee5de0811307ed..136d491937cec897572252765c51c6c207da216b 100644
--- a/src/components/generic/RadioGroup.vue
+++ b/src/components/generic/RadioGroup.vue
@@ -5,7 +5,7 @@
<button
type="button"
role="radio"
- class="btn tw-p-2 tw-m-0 tw-flex tw-gap-1 tw-items-center tw-rounded-none tw-justify-center first:tw-rounded-l last:tw-rounded-r tw-relative tw-ring-offset-2 focus:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-z-10"
+ class="btn tw-p-2 tw-m-0 tw-rounded-none tw-justify-center first:tw-rounded-l last:tw-rounded-r tw-relative tw-ring-offset-2 focus:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-z-10"
tabindex="0"
:aria-checked="modelValue === choice.value"
:class="choice.value === modelValue ? 'tw-bg-aura-primary tw-text-white' : 'tw-bg-gray-100'"
diff --git a/src/components/images/ImagePicker.vue b/src/components/images/ImagePicker.vue
index 592f04cdcb27a81af7161f36f089f533d56170cf..6a702a379971d7189f2deed2945ad0dfa349ddcd 100644
--- a/src/components/images/ImagePicker.vue
+++ b/src/components/images/ImagePicker.vue
@@ -10,10 +10,10 @@
<div class="tw-flex tw-items-stretch tw-m-3 tw-gap-3">
<button
type="button"
- class="btn btn-sm tw-inline-flex tw-items-center tw-text-white tw-backdrop-blur tw-bg-black/30 tw-ring-0 hocus:tw-bg-aura-primary/25"
+ class="btn btn-sm tw-text-white tw-backdrop-blur tw-bg-black/30 tw-ring-0 hocus:tw-bg-aura-primary/25"
@click="showPicker = true"
>
- <icon-carbon-image-search class="tw-mr-1 tw-w-6 tw-h-6" />
+ <icon-carbon-image-search class="tw-w-6 tw-h-6" />
{{ t('imagePicker.chooseAnImage') }}
</button>
<button
diff --git a/src/components/images/ImagePickerDialog.vue b/src/components/images/ImagePickerDialog.vue
index 1d8e59ce0f8158fd906c65d32c708a308f563169..daef51c07443a004746e389e39833a9f45843657 100644
--- a/src/components/images/ImagePickerDialog.vue
+++ b/src/components/images/ImagePickerDialog.vue
@@ -13,19 +13,19 @@
<button
v-if="imageStore.count > 0"
type="button"
- class="btn btn-default tw-flex tw-items-center tw-grow md:tw-grow-0"
+ class="btn btn-default tw-grow md:tw-grow-0"
@click.stop="showBrowser = true"
>
- <icon-system-uicons-search class="tw-mr-1" />
+ <icon-system-uicons-search />
{{ t('imagePicker.browseImages') }}
</button>
<button
v-if="currentImage"
type="button"
- class="btn btn-default tw-flex tw-items-center tw-grow md:tw-grow-0"
+ class="btn btn-default tw-grow md:tw-grow-0"
@click.stop="selectedImage = currentImage"
>
- <icon-system-uicons-pen class="tw-mr-1" />
+ <icon-system-uicons-pen />
{{ t('imagePicker.editCurrentImage') }}
</button>
</div>
@@ -43,7 +43,7 @@
v-if="selectedImage"
:disabled="isSaving"
type="button"
- class="btn btn-primary tw-flex tw-items-center tw-gap-1"
+ class="btn btn-primary"
@click.stop="selectedImage && saveAndSelectImage(selectedImage)"
>
<icon-system-uicons-loader v-if="isSaving" class="tw-animate-spin" />
diff --git a/src/components/nav/ANavSidebar.vue b/src/components/nav/ANavSidebar.vue
index 4aac4b912c3f8c172a9ae863fe2f4fcae9cdb184..f7cf5072bd0fed3b4812146e3627162c980525de 100644
--- a/src/components/nav/ANavSidebar.vue
+++ b/src/components/nav/ANavSidebar.vue
@@ -16,7 +16,7 @@
>
<button
type="button"
- class="btn btn-default tw-p-0 tw-w-10 tw-h-10 tw-rounded-full tw-flex-none"
+ class="btn btn-default tw-p-0 tw-w-10 tw-h-10 tw-rounded-full tw-flex-none tw-justify-center"
data-testid="menu-logout"
@click="logoutRedirect"
>