From 228af2a5d2baa190eb56ae8afdbf5c16620a65f3 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 29 Jul 2022 21:02:02 +0300
Subject: [PATCH] Calendar event page prevent time layout shift

---
 TODO.md                       | 3 +--
 app/styles/calendar-event.css | 4 ++++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/TODO.md b/TODO.md
index daeb92346..438db8b22 100644
--- a/TODO.md
+++ b/TODO.md
@@ -20,9 +20,8 @@ Calendar
 
 ## Other
 
-- [ ] Avatar (?) can have class attribute in DOM without value
 - [x] flatMap -> React.fragment
-- [ ] Event page layout shift with time not taking space before mount (only if one day)
+- [x] Event page layout shift with time not taking space before mount (only if one day)
 - [x] WeekLinks make opaque blocks not take space on mobile
 - [x] Type problem with Avatar
 - [x] Maybe classNames that do nothing on calendar event page?
diff --git a/app/styles/calendar-event.css b/app/styles/calendar-event.css
index 47a9cc126..cd2881e09 100644
--- a/app/styles/calendar-event.css
+++ b/app/styles/calendar-event.css
@@ -13,6 +13,10 @@
   grid-template-columns: max-content 1fr;
 }
 
+.event__times > time {
+  height: 1.25rem;
+}
+
 .event__author-badges-container {
   display: flex;
   align-items: flex-end;