Fix padding on organizer / city section on event card
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
parent
dff27cad9d
commit
ac05baf1a8
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user