// Panels
// ==========================================================================
// GOV.UK front end toolkit dependencies
@import "helpers";


// Indented panels with a grey left hand border
.panel-indent {
  @extend %contain-floats;
  clear: both;
  border-left: 10px solid $border-colour;

  padding: em(15,19);
  margin-bottom: em(15,19);

  legend {
    margin-top: 0;
  }

  // Remove bottom margin on last paragraph
  p:only-child,
  p:last-child {
    margin-bottom: 0;
  }

  .form-group:last-child {
    margin-bottom: 0;
  }
}

// Panels
// ==========================================================================
// GOV.UK front end toolkit dependencies
@import "helpers";


// Indented panels with a grey left hand border
.panel-indent {
  @extend %contain-floats;
  clear: both;
  border-left: 10px solid $border-colour;

  padding: em(15,19);
  margin-bottom: em(15,19);

  legend {
    margin-top: 0;
  }

  // Remove bottom margin on last paragraph
  p:only-child,
  p:last-child {
    margin-bottom: 0;
  }

  .form-group:last-child {
    margin-bottom: 0;
  }
}

// Indented panels within forms
form .panel-indent {
  border-left-width: 5px;
  padding-bottom: 0;
}

Increase width of indented panel within forms
Increase width of indented panel within forms

The wider panel-indent style is 10px, make this 5px for consistency
with other left hand borders, for example - error messages.
