Apply the same rules to block event items..

Try to avoid alignment issues as well.

1 files changed, 3 insertions, 10 deletions

diff --git a/app/assets/stylesheets/pages/events.scss b/app/assets/stylesheets/pages/events.scss
index d2ca106cc8d..02401c7c73a 100644
--- a/app/assets/stylesheets/pages/events.scss
+++ b/app/assets/stylesheets/pages/events.scss
@@ -4,19 +4,16 @@
  */
 .event-item {
   font-size: $gl-font-size;
-  padding: $gl-padding;
+  padding: $gl-padding $gl-padding $gl-padding ($gl-padding + $gl-avatar-size);
   margin-left: -$gl-padding;
   margin-right: -$gl-padding;
   border-bottom: 1px solid $table-border-color;
   color: #7f8fa4;
 
   &.event-inline {
-    padding-left: $gl-padding + $gl-avatar-size;
-
     .avatar {
       position: relative;
       top: -2px;
-      margin-left: -$gl-avatar-size;
     }
 
     .event-title {
@@ -33,6 +30,7 @@
   }
 
   .avatar {
+    margin-left: -$gl-avatar-size;
     margin-right: 15px;
   }
 
@@ -46,9 +44,6 @@
   }
 
   .event-body {
-    margin-left: 63px;
-    margin-right: 80px;
-
     .event-note {
       margin-top: 5px;
       word-wrap: break-word;
@@ -158,9 +153,7 @@
 
 @media (max-width: $screen-xs-max) {
   .event-item {
-    &.event-inline {
-      padding-left: $gl-padding;
-    }
+    padding-left: $gl-padding;
 
     .event-title {
       white-space: normal;