From d7eb564fc20e74c4ac6526cd880b0e091e73b0dd Mon Sep 17 00:00:00 2001
From: Karsten Hassel <hassel@gmx.de>
Date: Wed, 1 Mar 2023 20:44:55 +0100
Subject: [PATCH 1/2] set all calendar colums to vertical align top (title
 column was centered before)

---
 CHANGELOG.md                          | 1 +
 modules/default/calendar/calendar.css | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 162edb5a0d..5374f6af49 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -52,6 +52,7 @@ _This release is scheduled to be released on 2023-04-01._
 - Fix async node_helper stopping electron start (#2487)
 - The wind direction arrow now points in the direction the wind is flowing, not into the wind (#3019)
 - Fix precipitation css styles and rounding value
+- Fix wrong vertical alignment of calendar title column when wrapEvents is true (#3053)
 
 ## [2.22.0] - 2023-01-01
 
diff --git a/modules/default/calendar/calendar.css b/modules/default/calendar/calendar.css
index f04d683872..2d0f36e82d 100644
--- a/modules/default/calendar/calendar.css
+++ b/modules/default/calendar/calendar.css
@@ -1,7 +1,10 @@
-.calendar .symbol {
+.calendar .event-wrapper {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
+}
+
+.calendar .symbol {
   padding-left: 0;
   padding-right: 10px;
   font-size: var(--font-size-small);
@@ -19,5 +22,4 @@
 .calendar .time {
   padding-left: 30px;
   text-align: right;
-  vertical-align: top;
 }

From dd9fcbd27959148d9a6b6cf517de3748cce39eae Mon Sep 17 00:00:00 2001
From: Karsten Hassel <hassel@gmx.de>
Date: Mon, 6 Mar 2023 20:22:31 +0100
Subject: [PATCH 2/2] align title column only

---
 modules/default/calendar/calendar.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/modules/default/calendar/calendar.css b/modules/default/calendar/calendar.css
index 2d0f36e82d..f8e3bd7929 100644
--- a/modules/default/calendar/calendar.css
+++ b/modules/default/calendar/calendar.css
@@ -1,10 +1,7 @@
-.calendar .event-wrapper {
+.calendar .symbol {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-}
-
-.calendar .symbol {
   padding-left: 0;
   padding-right: 10px;
   font-size: var(--font-size-small);
@@ -17,9 +14,11 @@
 .calendar .title {
   padding-left: 0;
   padding-right: 0;
+  vertical-align: top;
 }
 
 .calendar .time {
   padding-left: 30px;
   text-align: right;
+  vertical-align: top;
 }