// -- Tweaks to admin CSS for React pages
.react-wrapper {
  nav {
    padding: 0 0 0 1em;
  }

  // -- fix WP fucking Materialize
  .card {
    padding: inherit;
    min-width: inherit;
    max-width: inherit;
  }

  // Material UI Helpers
  .MuiFormControl-root {

  }

  // The Styles List
  .styleList {
    figure {
      margin-inline-start: 2px;
      margin-inline-end: 2px;
      &.wp-block-table {
        &.has-small-font-size {
          font-size: small;
        }
      }
      .has-text-align-right {
        text-align: right;
      }
      td {
        vertical-align: top;
        padding-right: 1em;
      }
    }
  }
}

// -- Outside of React Wrapper (appended to DOM)
div[role=dialog] {
  // Raise Material UI dialog boxes above WP admin sidebar
  &.MuiPopperUnstyled-root {
    z-index:9990;
  }
}