minor changes in width

z · z · commit 1185f0d08087 · 2017-11-27T20:10:57.000+05:30
diff --git a/components/events/event-card.js b/components/events/event-card.js
@@ -88,23 +88,23 @@ export default props => (
         </CardTitle>
         <Box fontSize={[12, 14, 16]} className="secondaryText" px={[2]} my={[1, 1, 0]}>
           <LocationIcon className="icons" />
-          <span>{props.location}</span>
+          <span>{truncateString(props.location, 55)}</span>
         </Box>
         <Box px={2} pb={[2, 1]}>
           <Flex wrap>
-            <Box fontSize={[12, 14, 16]} width={[1, 1, 0.33]} className="secondaryText" pr={1} mr={[0]} my={[1, 1, 0]}>
+            <Box fontSize={[12, 14, 16]} width={[1, 1, 0.38]} className="secondaryText" pr={1} mr={[0]} my={[1, 1, 0]}>
               <TimeIcon className="icons" />
               <span>
                 {props.tense === 'past'
                   ? format(props.time, "ddd MMM Do 'YY")
-                  : format(props.time, "h:mm A, ddd MMM Do 'YY")}
+                  : format(props.time, "ddd MMM Do 'YY, h:mm A")}
               </span>
             </Box>
-            <Box fontSize={[12, 14, 16]} width={[1, 1, 0.25]} className="secondaryText" pr={1} mx={[0]} my={[1, 1, 0]}>
+            <Box fontSize={[12, 14, 16]} width={[1, 1, 0.24]} className="secondaryText" pr={1} mx={[0]} my={[1, 1, 0]}>
               <AttendeesIcon className="icons" />
               <span>{props.tense === 'past' ? `${props.attendees} attended` : `${props.attendees} attending`}</span>
             </Box>
-            <Box fontSize={[12, 14, 16]} width={[1, 1, 0.25]} className="secondaryText" pr={1} mx={[0]} my={[1, 1, 0]}>
+            <Box fontSize={[12, 14, 16]} width={[1, 1, 0.21]} className="secondaryText" pr={1} mx={[0]} my={[1, 1, 0]}>
               {props.online ? <StreamIcon className="icons" /> : <TicketIcon className="icons" />}
               <span>{props.online ? 'Free session' : 'Free entry'}</span>
             </Box>
diff --git a/pages/events.js b/pages/events.js
@@ -88,6 +88,7 @@ export default class Events extends React.Component {
               image={imageSrc ? imageSrc[1] : imagePlaceholderURL}
               name={event.name}
               location={event.venue ? event.venue.name : 'Online'}
+              online={!event.venue}
               time={event.time}
               attendees={event.yes_rsvp_count}
               tense={event.status}
