.master-detail-view {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.master-detail-view .grid-wrapper {
  flex-grow: 1;
  width: 100%;
}

.master-detail-view .full-size {
  width: 100%;
  height: 100%;
}

.master-detail-view #editor-layout {
  width: 400px;
  display: flex;
  flex-direction: column;
}

.master-detail-view #editor {
  padding: var(--lumo-space-l);
  flex-grow: 1;
}

.master-detail-view #button-layout {
  width: 100%;
  flex-wrap: wrap;
  background-color: var(--lumo-contrast-5pct);
  padding: var(--lumo-space-s) var(--lumo-space-l);
}