Fix padding, margin and span

This commit is contained in:
2019-01-21 12:21:04 +01:00
parent 3fd53aff38
commit 76de857c97
+3 -2
View File
@@ -4,7 +4,7 @@
<div v-if="isReady || isSubmitting || isSubmitted" class="container app-fade-in"> <div v-if="isReady || isSubmitting || isSubmitted" class="container app-fade-in">
<Content> <Content>
<Row :gutter="16" type="flex" justify="space-around" v-for="event in events" :key="event.id" class-name="eventRow"> <Row :gutter="16" type="flex" justify="space-around" v-for="event in events" :key="event.id" class-name="eventRow">
<Col span="22"> <Col span="24">
<Event :event="event" :has-user="hasUser" :ignore="ignore"></Event> <Event :event="event" :has-user="hasUser" :ignore="ignore"></Event>
</Col> </Col>
</Row> </Row>
@@ -180,6 +180,7 @@
.container { .container {
display: flex; display: flex;
will-change: opacity; will-change: opacity;
padding: 1.5rem 1rem;
} }
.left { .left {
@@ -204,7 +205,7 @@
} }
.eventRow { .eventRow {
margin-bottom: 1.5rem; margin-bottom: 0.5rem;
} }
@media screen and(max-width: 1200px) { @media screen and(max-width: 1200px) {