From 3fd3e9ad831748c3beb78d3dc39af3f2626f29b8 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@richelsen.net>
Date: Thu, 5 Aug 2021 21:14:58 +0200
Subject: [PATCH] truncate event type description on mobile

---
 pages/event-types/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/event-types/index.tsx b/pages/event-types/index.tsx
index 170246a0..52380cf1 100644
--- a/pages/event-types/index.tsx
+++ b/pages/event-types/index.tsx
@@ -213,7 +213,9 @@ export default function Availability({ user, types }) {
                                 className="flex-shrink-0 mr-1.5 h-4 w-4 text-neutral-400"
                                 aria-hidden="true"
                               />
-                              <p>{type.description.substring(0, 100)}</p>
+                              <div className="max-w-32 sm:max-w-full truncate">
+                                {type.description.substring(0, 100)}
+                              </div>
                             </div>
                           </div>
                         </span>