.services {
  margin-top: 20px;
  @extend .row;

  .service {
    @extend .col-md-3;
    .panel {
      min-height: 230px;
      position: relative;
      &.service-new {
        @extend .panel-default;
      }
      &.service-installing {
        @extend .panel-warning;
      }
      &.service-installed {
        @extend .panel-success;
      }
      .panel-body {
        text-align: center;
      }

      .panel-footer {
        position: absolute;
        width: 100%;
        bottom: 0;
      }
    }
  }
}

.services {
  margin-top: 20px;
  @extend .row;

  .service {
    @extend .col-md-3;
    .panel {
      min-height: 235px;
      position: relative;
      &.service-new {
        @extend .panel-default;
      }
      &.service-installing {
        @extend .panel-warning;
      }
      &.service-installed {
        @extend .panel-success;
      }
      .panel-body {
        text-align: center;
      }

      .panel-footer {
        position: absolute;
        width: 100%;
        bottom: 0;
      }
    }
  }
}

Align the service boxes better
Align the service boxes better

Currently when you have 2 active services it looks odd (Alignment is off). By
adding a bit more min-height this gets fixed

Signed-off-by: Jeroen van Baarsen <2e488d5cebaf6d2832884be70e328933bd4c80ab@gmail.com>
