From 0fcacc2a937002079d3e1bbf7be7eccf4e453468 Mon Sep 17 00:00:00 2001
From: Ravi kumar <126487842+Ravi-kumar9347@users.noreply.github.com>
Date: Sat, 6 Jan 2024 03:40:22 +0530
Subject: [PATCH] edit recurrence button is aligned properly (#5590)

---
 packages/volto/news/5359.bugfix                               | 1 +
 .../manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx      | 2 +-
 .../manage/Widgets/RecurrenceWidget/RecurrenceWidget.test.jsx | 2 +-
 .../__snapshots__/RecurrenceWidget.test.jsx.snap              | 4 ++--
 4 files changed, 5 insertions(+), 4 deletions(-)
 create mode 100644 packages/volto/news/5359.bugfix

diff --git a/packages/volto/news/5359.bugfix b/packages/volto/news/5359.bugfix
new file mode 100644
index 0000000000..6a689f6443
--- /dev/null
+++ b/packages/volto/news/5359.bugfix
@@ -0,0 +1 @@
+In the recurrence widget, set the vertical alignment of the `edit` button to `middle`. @Ravi-kumar9347
\ No newline at end of file
diff --git a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx
index 592f7acc00..3b8a7b9ed8 100644
--- a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx
+++ b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx
@@ -746,7 +746,7 @@ class RecurrenceWidget extends Component {
         id={`${fieldSet || 'field'}-${id}`}
       >
         <Grid>
-          <Grid.Row stretched>
+          <Grid.Row stretched verticalAlign="middle">
             <Grid.Column width="4">
               <div className="wrapper">
                 <label htmlFor={`field-${id}`}>{title}</label>
diff --git a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.test.jsx b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.test.jsx
index 8590daabae..62dbeb132d 100644
--- a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.test.jsx
+++ b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.test.jsx
@@ -14,7 +14,7 @@ beforeAll(
 
 const mockStore = configureStore();
 
-test('renders a recurrence widget component', async () => {
+test('renders a recurrence widget component with aligned columns', async () => {
   const store = mockStore({
     intl: {
       locale: 'en',
diff --git a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/__snapshots__/RecurrenceWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/__snapshots__/RecurrenceWidget.test.jsx.snap
index ba9ca7aed4..ed4313c280 100644
--- a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/__snapshots__/RecurrenceWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/__snapshots__/RecurrenceWidget.test.jsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders a recurrence widget component 1`] = `
+exports[`renders a recurrence widget component with aligned columns 1`] = `
 <div
   className="inline field recurrence-widget"
   id="field-my-field"
@@ -9,7 +9,7 @@ exports[`renders a recurrence widget component 1`] = `
     className="ui grid"
   >
     <div
-      className="stretched row"
+      className="stretched middle aligned row"
     >
       <div
         className="four wide column"