open-consul/ui/packages/consul-ui/app/components/composite-row/layout.scss

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

%composite-row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 50% 50%;

  grid-template-areas:
    'header actions'
    'detail actions';
}
%composite-row-header {
  grid-area: header;
  align-self: start;
}
%composite-row-detail {
  grid-area: detail;
  align-self: end;
}
%composite-row-detail * {
  flex-wrap: nowrap !important;
}
%composite-row-actions {
  grid-area: actions;
  display: inline-flex;
}

%composite-row-header:nth-last-child(2) {
  grid-column-start: header;
  grid-column-end: actions;
}
%composite-row-detail:last-child {
  grid-column-start: detail;
  grid-column-end: actions;
}