@react-awesome-query-builder/fluent/css/fixes.css

User-friendly query builder for React. Fluent 8 widgets

.query-builder .widget--widget > .ms-Toggle {
  margin-top: 5px;
  margin-bottom: 0;
}
.query-builder .rule--body--wrapper .rule--value {
  align-items: center;
}
.query-builder .group--actions > .ms-Button {
  height: 100%;
}
.query-builder .rule--header > .ms-Button {
  height: 100%;
}
.query-builder .group--conjunctions > .ms-Button {
  min-width: auto;
  padding: 0px 4px;
}
.query-builder .rule_group .group--actions > .ms-Button {
  padding: 8px 0;
}
.query-builder .group--actions {
  align-self: stretch;
}
.query-builder .rule_group .group--actions {
  align-self: center;
}
.query-builder .rule_group_ext > .group--header .group--actions {
  align-self: stretch;
}
.query-builder .widget--valuesrc span .ms-Icon {
  transform: rotate(90deg);
}
.query-builder .group--header.no--children > .group--actions {
  min-height: 32px;
}