Task/Event: enable word wrapping for decsriptions.

Fixes #135.

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>

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>