Fix padding on organizer / city section on event card

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2019-10-10 13:48:03 +02:00
parent 1f36942640
commit fcae692e10

View File

@ -46,8 +46,9 @@ A simple card for an event
</div>
<span class="organizer-place-wrapper">
<span v-if="actorDisplayName && actorDisplayName !== '@'">{{ $t('By {name}', { name: actorDisplayName }) }}</span>
<span v-if="actorDisplayName && actorDisplayName !== '@'">-</span>
<span v-if="event.physicalAddress && (event.physicalAddress.locality || event.physicalAddress.description)">
- {{ event.physicalAddress.locality || event.physicalAddress.description }}
{{ event.physicalAddress.locality || event.physicalAddress.description }}
</span>
</span>
</div>
@ -201,6 +202,11 @@ export default class EventCard extends Vue {
}
span.organizer-place-wrapper {
display: flex;
padding: 0 0.5rem 0.3rem;
span {
padding-right: 0.25rem;
}
span:last-child {
flex: 1;