/* -----------------------------------------------------------------------------
   Schematic Node Viewer
----------------------------------------------------------------------------- */

#SchematicBottomFrame {
  background-color: @bg;
  border: 0;
  margin: 0;
  padding: 0;
  & QToolBar {
    &::separator:horizontal {
      margin: 0;
    }
    & QToolButton {
      &:extend(.button-tool all);
      padding: 0;
      margin: 2;
    }
  }
}

#SchematicSceneViewer {
  background-color: @schematic-viewer-bg-color;
  border-bottom: 1 solid @accent;
}

/* -----------------------------------------------------------------------------
   FX Settings
----------------------------------------------------------------------------- */

#FxSettingsTabBar {
  &::tab {
    &:extend(.tab-round all); // use rounded tabs
  }
}

FxSettings {
  & QToolBar {
    border-top: 1 solid @accent;
    border-right: 1 solid @accent;
    border-left: 1 solid @accent;
    min-height: 23; // prevent shrinking
    padding: 3 0;
    & QToolBar {
      border: 0;
    }
  }
}

#FxSettingsLabel {
  color: @schematic-label-text-color;
}

#FxSettingsHelpButton {
  background-color: @schematic-help-button-bg-color;
  color: #000;
  // remove vertical padding
  // otherwise text gets clipped
  padding-top: 0;
  padding-bottom: 0;
  &:hover {
    background-color: @schematic-help-button-bg-color-hover;
  }
}

#FxSettingsPreviewShowButton {
  &:extend(.button-show all);
}