.work-item-snippet-bottom-area {
  margin-top: 4px;
  margin-left: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.work-item-snippet-bottom-area > table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 10px 0;
  border-collapse: separate;
  margin-left: -10px;
  /* to adjust unwanted left space caused on setting border-spacing*/
  margin-right: -10px;
  /* to adjust unwanted right space caused on setting border-spacing*/
}

.work-item-snippet-bottom-area > td {
  overflow: hidden;
}

.work-item-snippet-bottom-area .work-item-snippet-status-column .state-text {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: -2px;
  width: 100px;
  display: inline;
}

.work-item-snippet-bottom-area .work-item-snippet-status-column .state-circle {
  border-color: #d5d5d5;
  background-color: #d5d5d5;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  width: 10px;
  height: 10px;
  position: relative;
  float: left;
  top: 0px;
  margin-right: 6px;
  margin-top: 1px;
  display: inline-block;
}

.work-item-snippet-bottom-area .work-item-snippet-avatar-column .avatar-image {
  margin-right: 6px;
  font-size: 11px;
  float: left;
  display: inline-block;
  line-height: 12px;
}

.work-item-snippet-bottom-area .work-item-snippet-avatar-column .avatar-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  top: -2px;
  position: relative;
  max-width: 250px;
  display: inline-block;
}