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

.city-view vaadin-split-layout {
  width: 100%;
  height: 100%;
}

.city-view vaadin-grid {
  height: 100%;
}

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

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

.city-view .editor vaadin-checkbox {
  padding-top: var(--lumo-space-m);
}

.city-view .button-layout {
  width: 100%;
  flex-wrap: wrap;
  background-color: var(--lumo-contrast-5pct);
  padding-bottom: var(--lumo-space-s);
  padding-top: var(--lumo-space-s);
  padding-left: var(--lumo-space-l);
  padding-right: var(--lumo-space-l);
  gap: var(--lumo-space-m);
}

.city-view .grid-wrapper {
  width: 100%;
}
