From c268d093ca5c3241a0c7fb0ce237d5e4039ed3b4 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Mon, 3 Jul 2023 01:41:41 +0200
Subject: [PATCH] [web] Fix missing rounded corner on some modal dialogs

Modal dialogs having elements with a background in their footer are now properly rounded.
---
 web-src/src/components/ModalDialog.vue              | 2 +-
 web-src/src/components/ModalDialogAddRss.vue        | 2 +-
 web-src/src/components/ModalDialogAddUrlStream.vue  | 2 +-
 web-src/src/components/ModalDialogPlaylistSave.vue  | 2 +-
 web-src/src/components/ModalDialogRemotePairing.vue | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web-src/src/components/ModalDialog.vue b/web-src/src/components/ModalDialog.vue
index eaf51f51..095e2922 100644
--- a/web-src/src/components/ModalDialog.vue
+++ b/web-src/src/components/ModalDialog.vue
@@ -9,7 +9,7 @@
               <p v-if="title" class="title is-4" v-text="title" />
               <slot name="modal-content" />
             </div>
-            <footer class="card-footer">
+            <footer class="card-footer is-clipped">
               <a class="card-footer-item has-text-dark" @click="$emit('close')">
                 <mdicon class="icon" name="cancel" size="16" />
                 <span
diff --git a/web-src/src/components/ModalDialogAddRss.vue b/web-src/src/components/ModalDialogAddRss.vue
index 3b8ac1c0..9295d08d 100644
--- a/web-src/src/components/ModalDialogAddRss.vue
+++ b/web-src/src/components/ModalDialogAddRss.vue
@@ -24,7 +24,7 @@
                 </div>
               </form>
             </div>
-            <footer v-if="loading" class="card-footer">
+            <footer v-if="loading" class="card-footer is-clipped">
               <a class="card-footer-item button is-loading">
                 <mdicon class="icon" name="web" size="16" />
                 <span
diff --git a/web-src/src/components/ModalDialogAddUrlStream.vue b/web-src/src/components/ModalDialogAddUrlStream.vue
index d24fe692..7339c870 100644
--- a/web-src/src/components/ModalDialogAddUrlStream.vue
+++ b/web-src/src/components/ModalDialogAddUrlStream.vue
@@ -32,7 +32,7 @@
                 />
               </a>
             </footer>
-            <footer v-else class="card-footer">
+            <footer v-else class="card-footer is-clipped">
               <a
                 class="card-footer-item has-text-danger"
                 @click="$emit('close')"
diff --git a/web-src/src/components/ModalDialogPlaylistSave.vue b/web-src/src/components/ModalDialogPlaylistSave.vue
index 04009151..5494980a 100644
--- a/web-src/src/components/ModalDialogPlaylistSave.vue
+++ b/web-src/src/components/ModalDialogPlaylistSave.vue
@@ -32,7 +32,7 @@
                 />
               </a>
             </footer>
-            <footer v-else class="card-footer">
+            <footer v-else class="card-footer is-clipped">
               <a
                 class="card-footer-item has-text-danger"
                 @click="$emit('close')"
diff --git a/web-src/src/components/ModalDialogRemotePairing.vue b/web-src/src/components/ModalDialogRemotePairing.vue
index 4c8073d1..0a4623d4 100644
--- a/web-src/src/components/ModalDialogRemotePairing.vue
+++ b/web-src/src/components/ModalDialogRemotePairing.vue
@@ -25,7 +25,7 @@
                 </div>
               </form>
             </div>
-            <footer class="card-footer">
+            <footer class="card-footer is-clipped">
               <a
                 class="card-footer-item has-text-danger"
                 @click="$emit('close')"