// = require bubble
@import "bootstrap/mixins";
@import "bootstrap/variables";

#activity_for_channel {

  .fact-block {
    // Removes the border-bottom the .fact-block default has
    border: none;
  }

  .user-avatar img {
    .border-radius(3px);
  }

  .activity-block {
    border-bottom: 1px solid #e6e6e6;
    margin: 20px 0;
    overflow: auto;
    width: 100%;

    .left-col  {
      float: left;
      width: 32px;
    }
    .right-col {
      float: left;
      margin: 0 12px 20px;
      width: 600px;
    }

    .meta {
      color: #999;
      display: block;
      font-size: 0.9em;
      font-weight: 200;
      margin-top: 12px;
    }
  }
}

// = require bubble
@import "bootstrap/mixins";
@import "bootstrap/variables";

#activity_for_channel {

  .fact-block {
    // Removes the border-bottom the .fact-block default has
    border: none;
  }

  .user-avatar img {
    .border-radius(3px);
  }

  .activity-block {
    border-bottom: 1px solid #e6e6e6;
    margin: 20px 0;
    overflow: auto;
    width: 100%;

    .left-col  {
      margin: 0 0 0 4px;
      float: left;
      width: 32px;
    }
    .right-col {
      float: left;
      margin: 0 12px 20px;
      width: 600px;
    }

    .meta {
      color: #999;
      display: block;
      font-size: 0.9em;
      font-weight: 200;
      margin-top: 12px;
    }
  }
}

Align the avatar according to design
Align the avatar according to design

Signed-off-by: tomdev <96835dd8bfa718bd6447ccc87af89ae1675daeca@codigy.nl>
