JordanHatch/maslow-redux

.need-activity {
  .feed-add {
    padding: 25px;
  }

  ul.feed {
    padding: 0px 25px 25px;
  }

  .change-summary {
    span {
      font-weight: bold;
      background: #e6e6e6;
      padding: 3px 6px;
    }
  }

  .change-detail {
    border-top: 1px solid #eee;
    padding: 5px 0 0;
    margin-top: 5px;

    h3 {
      font-size: 15px;
      font-weight: bold;
      margin: 3px 0;
    }

    li {
      list-style: none;
      margin: 10px 0;
    }

    span {
      font-weight: normal;

      &.previous-value {
        color: #ca110b;
      }
      &.changed-value {
        color: #19ab37;

        ul {
          display: block;
        }
      }

      ul {
        padding-left: 0;
        display: inline;

        li {
          margin: 0;
          display: inline;

          &::after {
            content: "/";
            color: #ccc;
            padding: 0 8px;
          }
          &:last-child::after {
            content: none;
          }
        }
      }
    }

    .to-label {
      color: #ccc;
      padding-left: 5px;
      display: inline-block;
    }
  }
}