More than 11 columns bugs

[Vesely]

Hi, can you help me with this, please? When I add more than 11 columns it to the table it looks bad.

Example code: (Based on demo)

<brainy-table items="[[users.data]]">
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
  <brainy-table-column name="Email">
    <template>[[item.user.email]]</template>
  </brainy-table-column>
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
  <brainy-table-column name="Email">
    <template>[[item.user.email]]</template>
  </brainy-table-column>
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
  <brainy-table-column name="Email">
    <template>[[item.user.email]]</template>
  </brainy-table-column>
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
</brainy-table>

Screenshot:

Problems:

1. Wrong last column (Sixth column has attribute is-last, but it's not last column)
2. Data in every Email columns are cropped

Can you fix it please? Thanks!