Make eventbutton wrap text better

This commit is contained in:
Marco van Dijk 2022-03-08 17:42:59 +01:00
parent 2c1d3be680
commit 0e9966fc9e

View File

@ -78,19 +78,17 @@ const EventButton = (obj) => {
} }
return ( return (
<div className="stroke" style={{ width: '100%', padding: 0, margin: 0 }}> <div className="stroke" style={{ width: '100%', padding: 0, margin: 0, marginBottom: '0.2em' }}>
{blockNumber} {blockNumber}
<div className="rowAlignLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, padding: 0, margin: 0 }}> <div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, padding: 0, margin: 0, width: '100%' }}>
<div className="strokeSmollLeft">
{eventCaller} {eventCaller}
<p className="rowAlignLeft withWrap" style={{ width: '100%' }}> <p className="row withWrap" style={{ maxWidth: '600px' }}>
💬 {obj.eventObj.eventDescription} 💬 {obj.eventObj.eventDescription}
</p> </p>
{eventFrom} {eventFrom}
{eventTo} {eventTo}
</div> </div>
</div> </div>
</div>
) )
} }