Improve theme support in new event RSVP cards

This commit is contained in:
Ben Gotow 2019-06-16 19:57:22 -05:00
parent b189b0e65a
commit bf246e64e7
2 changed files with 5 additions and 6 deletions

View file

@ -134,13 +134,13 @@ export class EventHeader extends React.Component<EventHeaderProps, EventHeaderSt
<span className="event-title">{icsEvent.summary}</span>
</div>
<div className="event-body">
{icsMethod === 'request' ? this._renderRSVP() : this._renderSenderResponse()}
<div className="event-date">
<div className="event-day">{day}</div>
<div>
<div className="event-time">{time}</div>
</div>
<div className="event-location">{icsEvent.location}</div>
{icsMethod === 'request' ? this._renderRSVP() : this._renderSenderResponse()}
</div>
</div>
</div>

View file

@ -35,6 +35,7 @@
.event-body {
padding: @padding-small-horizontal;
color: @text-color;
.event-date {
display: inline-block;
@ -55,14 +56,12 @@
.event-actions {
display: flex;
float: right;
z-index: 4;
text-align: center;
position: relative;
.btn-rsvp {
margin-left: 10.5px;
margin-right: 10.5px;
margin-top: 5px;
min-width: 85px;
text-align: center;
&:hover {
background: mix(@background-primary, @text-color, 95%);