.CommunityWidget {
  display: flex;
  flex-direction: column;
  margin-top: var(--gap-xl);

  > :not(.CommunityWidget-controls) {
    margin: 0 var(--gap-xl);
  }

  > .LinkTable {
    width: calc(100% - var(--gap-l) * 2);

    tbody tr:first-child {
      border-top: none;
    }
  }
}

.CommunityWidget-controls {
  border-bottom: 1px solid var(--color-gray2);
  display: flex;
  margin-bottom: var(--gap-l);
  width: 100%;

  > .pagination {
    margin-right: var(--gap-l);
  }
}

.CommunityWidget-filters {
  .DashboardWidget-filters;

  background: var(--color-white);
  border: none;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  top: auto;
  width: auto;

  .ComboInput {
    margin-left: calc(var(--gap-l) / 2);
    width: auto;
  }
}

.CommunityWidget-actionsToggle {
  .IconButton;

  --IconButton-name: 'more_horiz';
}

.CommunityWidget-actionsList {
  .Dropdown;

  text-transform: capitalize;

  button {
    .Dropdown-item;
  }
}

.CommunityWidget form.is-actionsMenuOpen {
  .CommunityWidget-actionsList {
    .Dropdown.is-open;
  }

  .CommunityWidget-actionsToggle {
    .IconButton.is-focus;

    --IconButton-name: 'close';
  }
}
