scinote-web/app/assets/stylesheets/my_modules/protocol.scss

.task-protocol {
  .protocol-step-actions {
    align-items: center;
    display: flex;
    margin-left: -6px;
    padding-left: 1em;
  }

  .protocol-buttons-group {
    column-gap: .5rem;
    display: grid;
    grid-template-columns: auto auto auto;
  }

  .portocol-header-left-part {
    align-items: center;
    display: flex;

    a:first-of-type:focus {
      outline: none;
    }

    .task-section-caret {
      padding-right: .25em;
    }

    .status-label {
      margin: 2px 0 0;
    }

    .status-info {
      padding-left: 4px;
    }
  }

  .insert-step {
    align-items: center;
    color: var(--sn-blue);
    cursor: pointer;
    display: flex;

    &::before,
    &::after {
      background-color: var(--sn-light-grey);
      content: "";
      display: inline-block;
      flex-grow: 1;
      height: 1px;
    }

    .sn-icon-new-task {
      margin: 0 .5em;
    }

    &:hover {
      color: $brand-primary;

      &::before,
      &::after {
        background-color: $brand-primary;
      }
    }
  }
  .protocol-description {
    margin-bottom: 2em;
    padding-left: 2.5rem;
  }

  .protocol-steps {
    padding-left: .75em;
  }

  .empty-protocol-description {
    color: $color-silver-chalice;
  }

  .protocol-options-dropdown {
    a {
      cursor: pointer;

      &.disabled {
        cursor: default;
        pointer-events: none;
      }
    }
  }
  .tinymce-wrapper {
    width: 100%;

    .tox-tinymce {
      flex-grow: 1;
    }
  }
  .tinymce-container {
    display: flex;
    width: 100%;

    .tiny-mce-editor {
      flex-basis: 100%;
      max-width: 100%;
    }
  }
}

.share-task-modal {
  .share-link-copy {
    border-radius: 0 4px 4px 0;
  }

  .shareable-link-error {
    color: var(--sn-coral);
  }

  .shareable-link-disclaimer {
    color: var(--sn-grey);
  }
}