Fix padding, margin and span

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) {