From 3ecc6bdc7eeb4e9dfa32ba920f7efc386d97f6ca Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 28 Jul 2022 19:53:33 +0300
Subject: [PATCH] Fix WeekLinks text overflow

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

diff --git a/TODO.md b/TODO.md
index b04c307c8..860bb510a 100644
--- a/TODO.md
+++ b/TODO.md
@@ -17,6 +17,7 @@ Calendar
 
 ## Other
 
+- [x] WeekLinks make opaque blocks not take space on mobile
+- [ ] Type problem with Avatar
 - [ ] Rename model events -> calendarEvents
 - [ ] On the event page should not say Day 1 if only one day
-- [ ] WeekLinks make opaque blocks not take space on mobile
diff --git a/app/styles/calendar.css b/app/styles/calendar.css
index 559bcbd5c..dde43f50d 100644
--- a/app/styles/calendar.css
+++ b/app/styles/calendar.css
@@ -16,7 +16,7 @@
 
 .calendar__week {
   display: flex;
-  width: calc(var(--full-size-week-width) - 2rem);
+  min-width: calc(var(--full-size-week-width) - 2rem);
   height: calc(var(--full-size-week-height) - 2rem);
   flex-direction: column;
   justify-content: space-between;
@@ -46,7 +46,7 @@
 .calendar__week:nth-child(2),
 .calendar__week:nth-child(8),
 .calendar__week:nth-child(9) {
-  width: calc(var(--full-size-week-width) - 2.5rem);
+  min-width: calc(var(--full-size-week-width) - 2.5rem);
   height: calc(var(--full-size-week-height) - 2.5rem);
   cursor: initial;
   font-size: var(--fonts-xxxxs);
@@ -54,7 +54,7 @@
 }
 
 .calendar__week:nth-child(5) {
-  width: var(--full-size-week-width);
+  min-width: var(--full-size-week-width);
   height: var(--full-size-week-height);
   color: var(--text);
   font-size: var(--fonts-sm);
@@ -66,7 +66,7 @@
 
 .calendar__week:nth-child(4),
 .calendar__week:nth-child(6) {
-  width: calc(var(--full-size-week-width) - 1rem);
+  min-width: calc(var(--full-size-week-width) - 1rem);
   height: calc(var(--full-size-week-height) - 1rem);
   font-size: var(--fonts-xs);
 }