From fb8f3ff574f9b423afe718bdcedad7e292060010 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Wed, 1 Jul 2020 09:40:35 +0300
Subject: [PATCH] Task/Event: enable word wrapping for decsriptions.

Fixes #135.
---
 src/components/Event.tsx      | 2 +-
 src/components/Tasks/Task.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Event.tsx b/src/components/Event.tsx
index 97d5fb3..892cdf4 100644
--- a/src/components/Event.tsx
+++ b/src/components/Event.tsx
@@ -35,7 +35,7 @@ class Event extends React.PureComponent {
           <div><u>{this.props.item.location}</u></div>
         </PimItemHeader>
         <div style={style.content}>
-          <pre>{this.props.item.description}</pre>
+          <p style={{ wordWrap: 'break-word' }}>{this.props.item.description}</p>
           {(this.props.item.attendees.length > 0) && (
             <div>Attendees: {this.props.item.attendees.map((x) => (x.getFirstValue())).join(', ')}</div>)}
         </div>
diff --git a/src/components/Tasks/Task.tsx b/src/components/Tasks/Task.tsx
index 334526b..ed71e9e 100644
--- a/src/components/Tasks/Task.tsx
+++ b/src/components/Tasks/Task.tsx
@@ -42,7 +42,7 @@ class Task extends React.PureComponent {
           <div><u>{this.props.item.location}</u></div>
         </PimItemHeader>
         <div style={style.content}>
-          <pre>{this.props.item.description}</pre>
+          <p style={{ wordWrap: 'break-word' }}>{this.props.item.description}</p>
           {(this.props.item.attendees.length > 0) && (
             <div>Attendees: {this.props.item.attendees.map((x) => (x.getFirstValue())).join(', ')}</div>)}
         </div>