@import "~@inst-iot/bosch-angular-ui-components/styles/variables/colors";

.list {

  .row {
    display: grid;
    grid-template-columns: 1fr 4fr;
    border-bottom: 1px solid $color-gray-mercury;
    overflow: hidden;

    & > div {
      padding: 8px 5px;

      &.header {
        font-weight: bold;
      }

      &.details {
        grid-column: span 2;
        display: grid;
        grid-template-columns: 1fr 1fr 3fr;
        background: $color-gray-alabaster;

        .template-actions {
          grid-column: span 3;
          margin-top: 10px;

          .parameters {
            display: grid;
            grid-template-columns: 1fr 2fr;
          }

          rb-icon-button[icon="save"] {
            float: right;
          }
        }
      }
    }
  }
}
