From f8995351c9b477907e18712b0c371eaac3c76e34 Mon Sep 17 00:00:00 2001
From: kamre <eremchenko@gmail.com>
Date: Sun, 23 Jan 2022 00:04:10 +0300
Subject: [PATCH] Minor style fix for calendar card.

---
 webapp/src/components/calendar/fullCalendar.tsx  | 5 ++++-
 webapp/src/components/calendar/fullcalendar.scss | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/calendar/fullCalendar.tsx b/webapp/src/components/calendar/fullCalendar.tsx
index 5d3659158..e0c9e9aef 100644
--- a/webapp/src/components/calendar/fullCalendar.tsx
+++ b/webapp/src/components/calendar/fullCalendar.tsx
@@ -120,7 +120,10 @@ const CalendarFullView = (props: Props): JSX.Element|null => {
     const renderEventContent = (eventProps: EventContentArg): JSX.Element|null => {
         const {event} = eventProps
         return (
-            <div onClick={() => props.showCard(event.id)}>
+            <div
+                className='EventContent'
+                onClick={() => props.showCard(event.id)}
+            >
                 <div className='octo-icontitle'>
                     { event.extendedProps.icon ? <div className='octo-icon'>{event.extendedProps.icon}</div> : undefined }
                     <div
diff --git a/webapp/src/components/calendar/fullcalendar.scss b/webapp/src/components/calendar/fullcalendar.scss
index 5250adf3d..3d5447b92 100644
--- a/webapp/src/components/calendar/fullcalendar.scss
+++ b/webapp/src/components/calendar/fullcalendar.scss
@@ -13,6 +13,12 @@
         }
     }
 
+    .EventContent {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
     .octo-tooltip {
         display: flex;
         max-width: 100%;