hubl/src/styles/base/table.scss

#circle-information,
#circle-edit,
#admin-circle-list,
#admin-circle-create,
#project-edit,
#admin-project-list,
#admin-project-create,
#admin-users-list {

  .table {

    .table-header {
      display: flex;
      flex: 1;
      font-size: 1.6rem;
      font-weight: 600;
      justify-content: space-around;
      text-align: center;

      &.grey-color {
        background: $color-228-25-79;
        color: white;
      }

      >* {
        border-right: 1px solid white;
        flex: 1;
        padding: 2.1rem 0;
        text-align: center;
      }

      >*:last-of-type {
        border-right: 1px solid $color-228-25-79;
      }
    }

    .table-body {

      >div:first-of-type>sib-display>div,
      team-template-edit[name='members'] {
        display: flex;
        border-left: 1px solid $color-228-25-79;
      }

      .border {
        border-bottom: 1px solid $color-228-25-79;
        border-right: 1px solid $color-228-25-79;
      }

      .cell {
        text-align: center;
        word-wrap: break-word;
      }

      .w25 {
        width: 25%;
      }

      .w33 {
        width: 33.3333%;
      }

      .w50 {
        width: 50%;
      }

      .hashtag::before {
        content: '#';
      }
    }

    .cell-with-buttons {
      align-items: center;
      display: flex;
      justify-content: center;

      [name='button'] {

        input[type='submit'] {
          @extend .button,
          .text-bold,
          .text-uppercase,
          .reversed,
          .button-blue,
          .bordered,
          .btn-margin-left;
        }
      }
    }

    .cell-with-name {
      color: $color-233-18-29;
      font-weight: 600;
      padding-top: 2.5rem;
    }

    sib-multiple {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .user-thumb>div /* for the table in circle-edit and captain's cell in project-admin */,
    [name='user-thumb'] {
      @extend %user-thumb__grid;
      padding: 0 2.2rem;

      >.user-thumb__picture {
        @extend %user-thumb__picture;
      }

      >[name='sup'] {
        @extend %user-thumb__grid-sup;

        .user-thumb__name {
          @extend %user-thumb__name;
        }

        .user-thumb__groups {
          @extend %user-thumb__groups;
        }
      }

      >[name='sub'] {
        @extend %user-thumb__grid-inf;

        >.user-thumb__username:not(:empty) {
          @extend %user-thumb__username;
        }

        >.user-thumb__city:not(:empty) {
          @extend %user-thumb__city;
        }
      }
    }

    sib-ac-checker {
      align-items: center;
      display: flex;
      justify-content: center;
    }
  }
}