/* Styles for the room detail view (app.room.search.detail and app.room.search.results.detail). As a route view, not
   a component, every rule hangs from the '.room-detail' root class to scope it and to outweigh generic classes on
   the same element. */

/* Header: title with its edition badge and the save button */
.room-detail .room-detail__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

.room-detail .room-detail__title {
  display: flex;
  gap: var(--md-spacing-xs);
  margin-bottom: var(--md-spacing-none);
}

.room-detail .room-detail__divider {
  margin-top: var(--md-spacing-xs);
  margin-bottom: var(--md-spacing-sm);
}