Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
26
0
Fork 0
Code Issues Pull Requests Releases Activity

Fix padding on organizer / city section on event card

Browse Source 
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
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/src/components/Event/EventCard.vue
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;