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 dff27cad9d
commit ac05baf1a8
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773

View File

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