From 76de857c971a28e1f0f5aeb7f88415bfebaf406b Mon Sep 17 00:00:00 2001
From: Joakim Olsson <joakim@unbound.se>
Date: Mon, 21 Jan 2019 12:21:04 +0100
Subject: [PATCH] Fix padding, margin and span

---
 components/pages/events/index.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/pages/events/index.vue b/components/pages/events/index.vue
index 027603d..8ea9272 100644
--- a/components/pages/events/index.vue
+++ b/components/pages/events/index.vue
@@ -4,7 +4,7 @@
     <div v-if="isReady || isSubmitting || isSubmitted" class="container app-fade-in">
       <Content>
         <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>
           </Col>
         </Row>
@@ -180,6 +180,7 @@
   .container {
     display: flex;
     will-change: opacity;
+    padding: 1.5rem 1rem;
   }
 
   .left {
@@ -204,7 +205,7 @@
   }
 
   .eventRow {
-    margin-bottom: 1.5rem;
+    margin-bottom: 0.5rem;
   }
 
   @media screen and(max-width: 1200px) {