scinote-web/app/assets/stylesheets/repository/index.scss

.repositories-index {

  .view-switch {
    margin: 0 auto;
  }

  .toolbar-wrapper {
    display: flex;
    justify-content: space-between;
  }
  &.active {
    [data-view-mode="archived"] {
      display: none !important;
    }
  }

  &.archived {
    [data-view-mode="active"] {
      display: none !important;
    }
  }

  &[data-readonly="true"] {
    .main-actions {
      .toolbar {
        display: none;
      }

      .filter-container {
        margin-left: auto;
      }
    }
  }
}

#rename-repo-modal {
  .modal-footer {
    text-align: center;
  }
}

#create-repo-modal {
  .modal-footer {
    text-align: center;
  }
}

#new_repository {
  .modal-footer {
    text-align: center;
  }
}

.main-actions {
  align-items: center;
  display: flex;
  justify-content: space-between;

  .view-switch {
    .caret {
      margin: 8px 0 8px 8px;
    }

    &.open {
      .caret {
        transform: rotateX(180deg);
      }
    }

    .dropdown-menu {
      @include font-button;
      min-width: 100%;

      .divider-label {
        @include font-small;
        color: $color-silver-chalice;
        padding: .25em 1em;
      }

      .divider {
        margin: 0;
      }

      li {
        cursor: pointer;
        padding: .5em 1em;
        white-space: nowrap;

        .button-icon {
          margin-right: .5em;
        }

        &:hover:not(.divider-label) {
          background: $color-concrete;
        }

        .btn {
          height: 36px;
        }

        a {
          display: inline-block;
          margin: -1em;
          padding: .5em 1em;
          width: calc(100% + 2em);

          &.selected::after {
            @include font-awesome;
            content: $font-fas-check;
            margin-left: auto;
            position: absolute;
            right: 1em;
          }
        }
      }
    }

    .cards-switch {
      &.active::after {
        @include font-awesome;
        content: "\f00c";
        position: absolute;
        right: 1em;
      }
    }
  }

  .dropdown-menu {
    font-size: 14px;
  }
}